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

New: Allowed desktop users to configure how much of the backdrop is cropped from the top

Browse Source 
Fix: Frosted effect on page backdrops had stopped working on mobile
This commit is contained in:
lscambo13
2025-09-12 07:57:11 -07:00
parent 4a045ef8c9
commit ea12292a77
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -124,6 +124,10 @@
/* use 5em to enable the fading app bar (seamless); /* use 5em to enable the fading app bar (seamless);
use 4.6em to get the solid app bar (cleaner with border) */ use 4.6em to get the solid app bar (cleaner with border) */
--appBarHeight: 5em; --appBarHeight: 5em;
/* use 50% to crop the top of the backdrop image slightly (recommended) [default];
use 0% to prevent the cropping from top, or choose between 0% and 100% according to your preference */
--backdropPositionY: 50%;
} }
html { html {
@@ -1359,8 +1363,12 @@ html,
background: var(--backgroundGradient); background: var(--backgroundGradient);
} }
.layout-desktop .backdropImage:after, .backdropImage {
.layout-desktop .backdropImage:before { background-position-y: var(--backdropPositionY);
}
.backdropImage:after,
.backdropImage:before {
content: ""; content: "";
position: absolute; position: absolute;
top: 0; top: 0;