From ea12292a7762c0e67ae40024f97262d179e919f7 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Fri, 12 Sep 2025 07:57:11 -0700
Subject: [PATCH] New: Allowed desktop users to configure how much of the
 backdrop is cropped from the top Fix: Frosted effect on page backdrops had
 stopped working on mobile

---
 Theme/ElegantFin-theme-nightly.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index cb2182f..430e09c 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -124,6 +124,10 @@
     /* use 5em to enable the fading app bar (seamless); 
        use 4.6em to get the solid app bar (cleaner with border) */
     --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 {
@@ -1359,8 +1363,12 @@ html,
     background: var(--backgroundGradient);
 }
 
-.layout-desktop .backdropImage:after,
-.layout-desktop .backdropImage:before {
+.backdropImage {
+    background-position-y: var(--backdropPositionY);
+}
+
+.backdropImage:after,
+.backdropImage:before {
     content: "";
     position: absolute;
     top: 0;