diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index 6b65f4a..6e19bec 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -23,8 +23,8 @@ See the above repository for updates as well as full license text. */ :root[sizemode="fullscreen"] #navigator-toolbox{ margin-top: 0 !important; } #navigator-toolbox{ + --browser-area-z-index-toolbox: 3; position: fixed !important; - display: block; background-color: var(--lwt-accent-color,black) !important; transition: transform 82ms linear, opacity 82ms linear !important; transition-delay: var(--uc-autohide-toolbox-delay) !important; @@ -35,19 +35,21 @@ See the above repository for updates as well as full license text. */ z-index: 1; pointer-events: none; } - +#urlbar{ + visibility: hidden; +} +#urlbar:is([open],[breakout-extend]), +#navigator-toolbox:hover #urlbar{ + visibility: visible; +} +#mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox, +#navigator-toolbox:has(#urlbar:is([open],[focus-within])), #navigator-toolbox:hover, #navigator-toolbox:focus-within{ transition-delay: 33ms !important; transform: rotateX(0); opacity: 1; } -/* This ruleset is separate, because not having :has support breaks other selectors as well */ -#mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox{ - transition-delay: 33ms !important; - transform: rotateX(0); - opacity: 1; -} #navigator-toolbox > *{ line-height: normal; pointer-events: auto }