Collapse the toolbar instead of negative margins

This commit is contained in:
MrOtherGuy 2019-10-29 19:34:50 +02:00
parent 4250b9c962
commit 7778ed2e08

View file

@ -1,10 +1,14 @@
/* Hide tabs unless cursor is on top of toolbar */
/* This does not support multi-row tabs */
:root:not([customizing]) #titlebar{
margin-bottom: calc(0px - var(--tab-min-height));
transition: margin-bottom 48ms ease-out;
@keyframes slidein{
from{ margin-top: calc(0px - var(--tab-min-height)) }
to{ margin-top: 0 }
}
#TabsToolbar:not([customizing]){ visibility: hidden; }
#navigator-toolbox:hover > #titlebar{ margin-bottom: 0; }
#navigator-toolbox:hover > #titlebar > #TabsToolbar{ visibility: visible; }
@keyframes slideout{
from{ margin-top: var(--tab-min-height) }
to{ margin-top: 0 }
}
#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 }