Fix: Autohide - Apply at brower.xhtml #575

black7375 · Jan 17, 2023 · 7f5f28b · 7f5f28b
1 parent 8d33712
commit 7f5f28b
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 30 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
@@ -8736,35 +8736,38 @@
     );
   }
 }
-@supports -moz-bool-pref("userChrome.autohide.back_button") {
-  #back-button[disabled="true"] {
-    margin-left: var(--uc-toolbarbutton-hide-size) !important;
-    opacity: 0 !important;
-    pointer-events: none;
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    #back-button {
-      transition-property: background-color, opacity, margin-left !important;
-    }
+@-moz-document url("chrome://browser/content/browser.xhtml")
+{
+  @supports -moz-bool-pref("userChrome.autohide.back_button") {
     #back-button[disabled="true"] {
-      transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function),
-        margin-left 0.5s ease !important;
+      margin-left: var(--uc-toolbarbutton-hide-size) !important;
+      opacity: 0 !important;
+      pointer-events: none;
     }
-  }
-}
-@supports -moz-bool-pref("userChrome.autohide.forward_button") {
-  #forward-button[disabled="true"] {
-    margin-left: var(--uc-toolbarbutton-hide-size) !important;
-    opacity: 0 !important;
-    pointer-events: none;
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    #forward-button {
-      transition-property: background-color, opacity, margin-left !important;
+    @media (prefers-reduced-motion: no-preference) {
+      #back-button {
+        transition-property: background-color, opacity, margin-left !important;
+      }
+      #back-button[disabled="true"] {
+        transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function),
+          margin-left 0.5s ease !important;
+      }
     }
+  }
+  @supports -moz-bool-pref("userChrome.autohide.forward_button") {
     #forward-button[disabled="true"] {
-      transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function),
-        margin-left 0.5s ease !important;
+      margin-left: var(--uc-toolbarbutton-hide-size) !important;
+      opacity: 0 !important;
+      pointer-events: none;
+    }
+    @media (prefers-reduced-motion: no-preference) {
+      #forward-button {
+        transition-property: background-color, opacity, margin-left !important;
+      }
+      #forward-button[disabled="true"] {
+        transition: background-color 1s var(--animation-easing-function), opacity 1s var(--animation-easing-function),
+          margin-left 0.5s ease !important;
+      }
     }
   }
 }

diff --git a/src/autohide/_index.scss b/src/autohide/_index.scss
@@ -4,11 +4,14 @@
   }
 }
 
-@include Option("userChrome.autohide.back_button") {
-  @import "back_button";
-}
-@include Option("userChrome.autohide.forward_button") {
-  @import "forward_button";
+@include moz-document(url "chrome://browser/content/browser.xhtml")
+{
+  @include Option("userChrome.autohide.back_button") {
+    @import "back_button";
+  }
+  @include Option("userChrome.autohide.forward_button") {
+    @import "forward_button";
+  }
 }
 @include Option("userChrome.autohide.page_action") {
   @import "page_action";