boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Prevent the flash of the backdrop (if enabled in settings) when opening the media item page

Browse Source
This commit is contained in:
lscambo13
2025-07-31 12:04:55 -07:00
parent 69e6067a0b
commit 147cef7f70
1 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
Theme/ElegantFin-theme-nightly.css
View File

@@ -1251,6 +1251,10 @@ html,
mask: linear-gradient(180deg, rgba(0, 0, 0, 1) 75%, transparent); mask: linear-gradient(180deg, rgba(0, 0, 0, 1) 75%, transparent);
} }
.layout-desktop .backdropImage:after {
transition: opacity .25s;
}
.backdropImage:before { .backdropImage:before {
transform: scale(1.1); transform: scale(1.1);
filter: var(--blurLargest); filter: var(--blurLargest);
@@ -1261,11 +1265,24 @@ html,
background: linear-gradient(0deg, var(--darkerGradientPoint), 45%, rgba(17, 24, 39, .25)); 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 { .withSectionTabs .backgroundContainer.withBackdrop {
background: var(--darkerGradientPoint); background: var(--darkerGradientPoint);
} }
.withSectionTabs .backdropImage:after { .layout-desktop .withSectionTabs .backdropImage:after {
opacity: 0;
}
.layout-mobile .withSectionTabs .backdropImage:after {
display: none; display: none;
} }