mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Auto Hide - Navbar scope

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

12
__tests__/one_liner.test.scss
View file

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

78
css/leptonChrome.css
View file

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

12
src/utils/_one_liner.scss
View file

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