Fix: Prevent the flash of the backdrop (if enabled in settings) when opening the media item page
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user