Fix: Autohide - Apply at brower.xhtml #575

This commit is contained in:
alstjr7375 2023-01-17 22:09:12 +09:00
parent 8d3371239f
commit 7f5f28b8c2
2 changed files with 36 additions and 30 deletions

View file

@ -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;
}
}
}
}

View file

@ -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";