Fix: Prevent the flash of the backdrop (if enabled in settings) when opening the media item page
This commit is contained in:
parent
69e6067a0b
commit
147cef7f70
1 changed files with 18 additions and 1 deletions
|
|
@ -1251,6 +1251,10 @@ html,
|
|||
mask: linear-gradient(180deg, rgba(0, 0, 0, 1) 75%, transparent);
|
||||
}
|
||||
|
||||
.layout-desktop .backdropImage:after {
|
||||
transition: opacity .25s;
|
||||
}
|
||||
|
||||
.backdropImage:before {
|
||||
transform: scale(1.1);
|
||||
filter: var(--blurLargest);
|
||||
|
|
@ -1261,11 +1265,24 @@ html,
|
|||
background: linear-gradient(0deg, var(--darkerGradientPoint), 45%, rgba(17, 24, 39, .25));
|
||||
}
|
||||
|
||||
.layout-mobile .withSectionTabs .backgroundContainer.withBackdrop {
|
||||
opacity: .9;
|
||||
}
|
||||
|
||||
.layout-mobile .backgroundContainer.withBackdrop {
|
||||
opacity: 1;
|
||||
background: var(--darkerGradientPoint);
|
||||
}
|
||||
|
||||
.withSectionTabs .backgroundContainer.withBackdrop {
|
||||
background: var(--darkerGradientPoint);
|
||||
}
|
||||
|
||||
.withSectionTabs .backdropImage:after {
|
||||
.layout-desktop .withSectionTabs .backdropImage:after {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.layout-mobile .withSectionTabs .backdropImage:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue