Fix: Auto Hide - Navbar scope

This commit is contained in:
alstjr7375 2022-08-04 17:27:54 +09:00
parent 6a0b56c2ba
commit 2ea8702816
3 changed files with 51 additions and 51 deletions

View file

@ -100,12 +100,12 @@
}
}
@include expect {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
@include example;
}
@supports -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@supports -moz-bool-pref("userChrome.autohide.navbar") {
@supports -moz-bool-pref("userChrome.autohide.navbar") {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
@include example;
}
@supports -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@media screen and (max-width: 1100px) {
@include example;
}

View file

@ -6529,21 +6529,21 @@
}
}
}
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") {
#navigator-toolbox:hover {
--uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height));
@supports -moz-bool-pref("userChrome.autohide.navbar") {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") {
#navigator-toolbox:hover {
--uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height));
}
}
@supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
#navigator-toolbox:hover {
--uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height) + var(--uc-bm-height));
}
}
}
@supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
#navigator-toolbox:hover {
--uc-toolbar-height: calc(var(--uc-tabbar-height) + var(--uc-navbar-height) + var(--uc-bm-height));
}
}
}
@supports -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@supports -moz-bool-pref("userChrome.autohide.navbar") {
@supports -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@media screen and (max-width: 1100px) {
@supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") {
#navigator-toolbox:hover {
@ -6570,21 +6570,21 @@
}
}
@supports -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") {
#navigator-toolbox:hover {
--uc-toolbar-height: var(--uc-navbar-height);
@supports -moz-bool-pref("userChrome.autohide.navbar") {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") {
#navigator-toolbox:hover {
--uc-toolbar-height: var(--uc-navbar-height);
}
}
@supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
#navigator-toolbox:hover {
--uc-toolbar-height: calc(var(--uc-navbar-height) + var(--uc-bm-height));
}
}
}
@supports -moz-bool-pref("userChrome.autohide.bookmarkbar") {
#navigator-toolbox:hover {
--uc-toolbar-height: calc(var(--uc-navbar-height) + var(--uc-bm-height));
}
}
}
@supports -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@supports -moz-bool-pref("userChrome.autohide.navbar") {
@supports -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@media screen and (max-width: 1100px) {
@supports not -moz-bool-pref("userChrome.autohide.bookmarkbar") {
#navigator-toolbox:hover {
@ -6745,21 +6745,21 @@
}
}
@supports -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
#nav-bar:not([customizing]) {
margin-bottom: var(--uc-navbar-hide-height);
opacity: 0;
will-change: margin-bottom, opacity;
}
@supports -moz-bool-pref("userChrome.autohide.navbar") {
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
#nav-bar:not([customizing]) {
margin-bottom: var(--uc-navbar-hide-height);
opacity: 0;
will-change: margin-bottom, opacity;
}
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
margin-bottom: 0;
opacity: 1;
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
margin-bottom: 0;
opacity: 1;
}
}
}
@supports -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@supports -moz-bool-pref("userChrome.autohide.navbar") {
@supports -moz-bool-pref("userChrome.tabbar.one_liner") {
@supports -moz-bool-pref("userChrome.tabbar.one_liner.responsive") {
@media screen and (max-width: 1100px) {
#nav-bar:not([customizing]) {
margin-bottom: var(--uc-navbar-hide-height);

View file

@ -47,12 +47,12 @@
}
@mixin OneLinerNavbar() {
@include NotOption("userChrome.tabbar.one_liner") {
@content;
}
@include Option("userChrome.tabbar.one_liner") {
@include Option("userChrome.tabbar.one_liner.responsive") {
@include Option("userChrome.autohide.navbar") {
@include Option("userChrome.autohide.navbar") {
@include NotOption("userChrome.tabbar.one_liner") {
@content;
}
@include Option("userChrome.tabbar.one_liner") {
@include Option("userChrome.tabbar.one_liner.responsive") {
@media screen and (max-width: 1100px) {
@content;
}