mobile-config-firefox/chrome/autohide_tabstoolbar.css
2021-07-17 14:12:40 +03:00

32 lines
1 KiB
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_tabstoolbar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Hide tabs unless cursor is on top of toolbar */
/* Dummy variable to support both versions 89-90 */
:root{ --tab-block-margin: var(--proton-tab-block-margin) }
:root:not([customizing]) #navigator-toolbox{
position: relative;
z-index: 1;
}
:root:not([customizing]) #navigator-toolbox:hover,
:root:not([customizing]) #titlebar{
margin-bottom: calc(0px - 2 * var(--tab-block-margin) - var(--tab-min-height));
}
#TabsToolbar:not([customizing]){ visibility: hidden; transition: visibility 0ms linear 200ms }
#navigator-toolbox,
#titlebar{ transition: margin-bottom 48ms ease-out 200ms }
#navigator-toolbox:hover{ transition-delay: 0s }
#navigator-toolbox:hover > #titlebar{
margin-bottom: 0px;
transition-delay: 0s;
}
#navigator-toolbox:hover #TabsToolbar{
visibility: visible;
transition-delay: 18ms
}