diff --git a/chrome/autohide_main_toolbar.css b/chrome/autohide_main_toolbar.css index 0debe10..a124578 100644 --- a/chrome/autohide_main_toolbar.css +++ b/chrome/autohide_main_toolbar.css @@ -13,9 +13,6 @@ See the above repository for updates as well as full license text. */ :root:is([customizing],[chromehidden*="toolbar"]) :where(#nav-bar,#PersonalToolbar,#tab-notification-deck){ transform: none !important; opacity: 1 !important; -}{ - transform: none !important; - opacity: 1 !important; } #nav-bar:not([customizing]){ @@ -25,7 +22,15 @@ See the above repository for updates as well as full license text. */ z-index: 2; } #TabsToolbar{ position: relative; z-index: 3 } -#navigator-toolbox:focus-within > .browser-toolbar, + +/* Show when toolbox is focused, like when urlbar has received focus */ +#navigator-toolbox:focus-within > .browser-toolbar{ + transform: translateY(0); + opacity: 1; + transition-duration: 500ms, 200ms !important; + transition-delay: 0s !important; +} +/* Show when toolbox is hovered */ #titlebar:hover ~ .browser-toolbar, #nav-bar:hover, #nav-bar:hover + #PersonalToolbar{ @@ -35,5 +40,8 @@ See the above repository for updates as well as full license text. */ transition-delay: 0s !important; } +/* Bookmarks toolbar needs so extra rules */ #PersonalToolbar{ transition: transform 400ms ease 1.8s !important; position: relative; z-index: 1 } -:root[sessionrestored]:not([inFullscreen]) > body > #browser{ margin-top: var(--uc-navbar-transform); } \ No newline at end of file + +/* Move up the content view */ +:root[sessionrestored]:not([inFullscreen]) > body > #browser{ margin-top: var(--uc-navbar-transform); }