pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

don't trigger nav-bar when bookmarks toolbar is hovered

Browse source
This commit is contained in:
MrOtherGuy 2021-06-01 09:13:36 +03:00
parent 85b1c9b4e7
commit 978e143e8b
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
chrome/autohide_main_toolbar.css
View file

@ -1,23 +1,27 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_main_toolbar.css made available under Mozilla Public License v. 2.0 /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_main_toolbar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */ See the above repository for updates as well as full license text. */
/* This style hides the main toolbar (nav-bar) and shows it when the cursor is over the toolbar area as well as whenever the focus is inside nav-bar, such as when urlbar is focused. */ /* This style hides the main toolbar and shows it when the cursor is over the tabs toolbar (but not bookmarks toolbar) as well as whenever the focus is inside nav-bar, such as when urlbar is focused. */
:root{ --uc-navbar-transform: -40px } :root{ --uc-navbar-transform: -40px }
:root[uidensity="compact"]{ --uc-navbar-transform: -34px } :root[uidensity="compact"]{ --uc-navbar-transform: -34px }
:root[sessionrestored] #nav-bar, :root[sessionrestored] :where(#nav-bar,#PersonalToolbar){
:root[sessionrestored] #PersonalToolbar{
transform: translateY(var(--uc-navbar-transform)) transform: translateY(var(--uc-navbar-transform))
} }
#nav-bar{ #nav-bar{
opacity: 0; opacity: 0;
transition: opacity 200ms ease 1.8s, transform 400ms ease 1.8s !important; transition: opacity 200ms ease 1.8s, transform 400ms ease 1.8s !important;
position: relative; position: relative;
z-index: 2 z-index: 2;
} }
#titlebar{ position: relative; z-index: 3 }
#navigator-toolbox:focus-within > .browser-toolbar, #navigator-toolbox:focus-within > .browser-toolbar,
#navigator-toolbox:hover > .browser-toolbar{ #titlebar:hover ~ .browser-toolbar,
#nav-bar:hover,
#nav-bar:hover + #PersonalToolbar{
transform: translateY(0); transform: translateY(0);
opacity: 1; opacity: 1;
transition-duration: 500ms !important; transition-duration: 500ms !important;