mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-03-15 19:30:38 -07:00
Fix: URLBar - Prevent overlay at navbar autohide #1028
This commit is contained in:
alstjr7375
parent
d66bd0f400
commit
83f4603bc1
3 changed files with 76 additions and 7 deletions
43
css/leptonChrome.css
generated
43
css/leptonChrome.css
generated
|
|
@ -10476,11 +10476,17 @@
|
|||
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
|
||||
#nav-bar:not([customizing]) {
|
||||
margin-bottom: var(--uc-navbar-hide-height);
|
||||
}
|
||||
#nav-bar:not([customizing]),
|
||||
#nav-bar:not([customizing]) #urlbar {
|
||||
opacity: 0;
|
||||
will-change: margin-bottom, opacity;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -10489,11 +10495,17 @@
|
|||
@media screen and (max-width: 1100px) {
|
||||
#nav-bar:not([customizing]) {
|
||||
margin-bottom: var(--uc-navbar-hide-height);
|
||||
}
|
||||
#nav-bar:not([customizing]),
|
||||
#nav-bar:not([customizing]) #urlbar {
|
||||
opacity: 0;
|
||||
will-change: margin-bottom, opacity;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -10517,7 +10529,12 @@
|
|||
var(--ext-theme-background-transition) !important;
|
||||
}
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
|
||||
#nav-bar:not([customizing]) #urlbar {
|
||||
transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
|
||||
var(--uc-autohide-toolbar-delay) !important;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
|
||||
transition-delay: 0s !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -25434,11 +25451,17 @@
|
|||
(-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) {
|
||||
#nav-bar:not([customizing]) {
|
||||
margin-bottom: var(--uc-navbar-hide-height);
|
||||
}
|
||||
#nav-bar:not([customizing]),
|
||||
#nav-bar:not([customizing]) #urlbar {
|
||||
opacity: 0;
|
||||
will-change: margin-bottom, opacity;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -25448,11 +25471,17 @@
|
|||
screen and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px) {
|
||||
#nav-bar:not([customizing]) {
|
||||
margin-bottom: var(--uc-navbar-hide-height);
|
||||
}
|
||||
#nav-bar:not([customizing]),
|
||||
#nav-bar:not([customizing]) #urlbar {
|
||||
opacity: 0;
|
||||
will-change: margin-bottom, opacity;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -25483,7 +25512,17 @@
|
|||
(-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference),
|
||||
(-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (prefers-reduced-motion: no-preference),
|
||||
(-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) {
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
|
||||
#nav-bar:not([customizing]) #urlbar {
|
||||
transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
|
||||
var(--uc-autohide-toolbar-delay) !important;
|
||||
}
|
||||
}
|
||||
@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (prefers-reduced-motion: no-preference),
|
||||
(-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference),
|
||||
(-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (prefers-reduced-motion: no-preference),
|
||||
(-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (prefers-reduced-motion: no-preference) {
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
|
||||
transition-delay: 0s !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
19
css/leptonChromeESR.css
generated
19
css/leptonChromeESR.css
generated
|
|
@ -10914,11 +10914,17 @@
|
|||
@supports not -moz-bool-pref("userChrome.tabbar.one_liner") {
|
||||
#nav-bar:not([customizing]) {
|
||||
margin-bottom: var(--uc-navbar-hide-height);
|
||||
}
|
||||
#nav-bar:not([customizing]),
|
||||
#nav-bar:not([customizing]) #urlbar {
|
||||
opacity: 0;
|
||||
will-change: margin-bottom, opacity;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -10927,11 +10933,17 @@
|
|||
@media screen and (max-width: 1100px) {
|
||||
#nav-bar:not([customizing]) {
|
||||
margin-bottom: var(--uc-navbar-hide-height);
|
||||
}
|
||||
#nav-bar:not([customizing]),
|
||||
#nav-bar:not([customizing]) #urlbar {
|
||||
opacity: 0;
|
||||
will-change: margin-bottom, opacity;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -10955,7 +10967,12 @@
|
|||
var(--ext-theme-background-transition) !important;
|
||||
}
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
|
||||
#nav-bar:not([customizing]) #urlbar {
|
||||
transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function)
|
||||
var(--uc-autohide-toolbar-delay) !important;
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]),
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
|
||||
transition-delay: 0s !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,19 @@
|
|||
@include OneLinerNavbar {
|
||||
#nav-bar:not([customizing]) {
|
||||
margin-bottom: var(--uc-navbar-hide-height);
|
||||
opacity: 0;
|
||||
will-change: margin-bottom, opacity;
|
||||
|
||||
// Why use #urlbar? - Prevent URLbar overlay #1028
|
||||
&, #urlbar {
|
||||
opacity: 0;
|
||||
will-change: margin-bottom, opacity;
|
||||
}
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
|
||||
margin-bottom: 0;
|
||||
opacity: 1;
|
||||
|
||||
&, #urlbar {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -22,8 +29,14 @@
|
|||
opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay),
|
||||
var(--ext-theme-background-transition) !important;
|
||||
}
|
||||
|
||||
#urlbar {
|
||||
transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay) !important;
|
||||
}
|
||||
}
|
||||
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
|
||||
transition-delay: 0s !important;
|
||||
&, #urlbar {
|
||||
transition-delay: 0s !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue