fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2025-10-14 12:55:54 +00:00
Code Issues Projects Releases Packages Wiki Activity

create autohide_main_toolbar.css

Browse source
This commit is contained in:
MrOtherGuy 2021-05-31 23:52:10 +03:00
parent 5dec38dfb2
commit 85b1c9b4e7
3 changed files with 30 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

27
chrome/autohide_main_toolbar.css Normal file
View file

@ -0,0 +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
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. */
:root{ --uc-navbar-transform: -40px }
:root[uidensity="compact"]{ --uc-navbar-transform: -34px }
:root[sessionrestored] #nav-bar,
:root[sessionrestored] #PersonalToolbar{
transform: translateY(var(--uc-navbar-transform))
}
#nav-bar{
opacity: 0;
transition: opacity 200ms ease 1.8s, transform 400ms ease 1.8s !important;
position: relative;
z-index: 2
}
#navigator-toolbox:focus-within > .browser-toolbar,
#navigator-toolbox:hover > .browser-toolbar{
transform: translateY(0);
opacity: 1;
transition-duration: 500ms !important;
transition-delay: 0s !important;
}
#PersonalToolbar{ transition: transform 400ms ease 1.8s !important; position: relative; z-index: 1 }
:root[sessionrestored] > body > #browser{ margin-top: var(--uc-navbar-transform); }