From 7f5f28b8c2d20bf64e32500379609df6600606de Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 17 Jan 2023 22:09:12 +0900 Subject: [PATCH] Fix: Autohide - Apply at brower.xhtml #575 --- css/leptonChrome.css | 53 +++++++++++++++++++++------------------- src/autohide/_index.scss | 13 ++++++---- 2 files changed, 36 insertions(+), 30 deletions(-) diff --git a/css/leptonChrome.css b/css/leptonChrome.css index f4193f7..aba596e 100644 --- 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; + } + @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"] { - 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; - } + @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 index 40f8d71..4fcc990 100644 --- 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";