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

rewrite autohide_tabstoolbar.css

Browse source
This commit is contained in:
MrOtherGuy 2021-07-17 14:12:40 +03:00
parent 1cbac45914
commit 0af7342d1b
1 changed files with 25 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
chrome/autohide_tabstoolbar.css
View file

@ -3,15 +3,30 @@ See the above repository for updates as well as full license text. */
/* Hide tabs unless cursor is on top of toolbar */ /* Hide tabs unless cursor is on top of toolbar */
@keyframes slidein{ /* Dummy variable to support both versions 89-90 */
from{ margin-top: calc(0px - var(--tab-min-height)) } :root{ --tab-block-margin: var(--proton-tab-block-margin) }
to{ margin-top: 0 }
:root:not([customizing]) #navigator-toolbox{
position: relative;
z-index: 1;
} }
@keyframes slideout{
from{ margin-top: var(--tab-min-height) } :root:not([customizing]) #navigator-toolbox:hover,
to{ margin-top: 0 } :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
} }
#navigator-toolbox:not(:hover) > #titlebar{ -moz-appearance: none !important }
#navigator-toolbox:not(:hover) #TabsToolbar:not([customizing]) { visibility: collapse }
#navigator-toolbox:hover > #nav-bar:not([customizing]){ animation: slidein ease-out 48ms 1 }
#navigator-toolbox:not(:hover) > #nav-bar:not([customizing]){ animation: slideout ease-out 48ms 1 }