split up :hover and :focus-within so they cab be changed individually

This commit is contained in:
MrOtherGuy 2021-07-16 12:28:39 +03:00
parent 95456bc3bb
commit 1cbac45914

View file

@ -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){ :root:is([customizing],[chromehidden*="toolbar"]) :where(#nav-bar,#PersonalToolbar,#tab-notification-deck){
transform: none !important; transform: none !important;
opacity: 1 !important; opacity: 1 !important;
}{
transform: none !important;
opacity: 1 !important;
} }
#nav-bar:not([customizing]){ #nav-bar:not([customizing]){
@ -25,7 +22,15 @@ See the above repository for updates as well as full license text. */
z-index: 2; z-index: 2;
} }
#TabsToolbar{ position: relative; z-index: 3 } #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, #titlebar:hover ~ .browser-toolbar,
#nav-bar:hover, #nav-bar:hover,
#nav-bar:hover + #PersonalToolbar{ #nav-bar:hover + #PersonalToolbar{
@ -35,5 +40,8 @@ See the above repository for updates as well as full license text. */
transition-delay: 0s !important; transition-delay: 0s !important;
} }
/* Bookmarks toolbar needs so extra rules */
#PersonalToolbar{ transition: transform 400ms ease 1.8s !important; position: relative; z-index: 1 } #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); }
/* Move up the content view */
:root[sessionrestored]:not([inFullscreen]) > body > #browser{ margin-top: var(--uc-navbar-transform); }