Fix: Activity Stream - Use pseudo-element for background image #773

black7375 · Sep 22, 2023 · 6d703b3 · 6d703b3 · thunderstone135 · Sep 24, 2023
1 parent 3eabf0a
commit 6d703b3
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 14 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
diff --git a/css/leptonContent.css b/css/leptonContent.css
diff --git a/css/leptonContentESR.css b/css/leptonContentESR.css
diff --git a/src/contents/_activity_stream.scss b/src/contents/_activity_stream.scss
@@ -218,20 +218,22 @@
     }
   }
 
-  /** Activity Stream - Hide Firefox's logo ***********************************/
+  /** Activity Stream - Custom background image *******************************/
   @include Option("userContent.newTab.background_image") {
-    body {
+    body::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+
       // https://best-wallpaper.net/Forest-trees-sunset-art-picture_wallpapers.html
       background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-sunrise.svg"));
       background-size: cover; /* or auto auto */
       background-repeat: no-repeat;
       background-position: right top;
       background-attachment: fixed;
-    }
 
-    /** Use night sky version in dark mode ************************************/
-    @include Dark {
-      body {
+      /** Use night sky version in dark mode **********************************/
+      @include Dark {
         background-image: var(--uc-newTab-wallpaper, url("../icons/horizon-night.svg"));
       }
     }