Collapse the toolbar instead of negative margins
This commit is contained in:
parent
4250b9c962
commit
7778ed2e08
1 changed files with 11 additions and 7 deletions
|
@ -1,10 +1,14 @@
|
||||||
/* Hide tabs unless cursor is on top of toolbar */
|
/* Hide tabs unless cursor is on top of toolbar */
|
||||||
/* This does not support multi-row tabs */
|
|
||||||
|
|
||||||
:root:not([customizing]) #titlebar{
|
@keyframes slidein{
|
||||||
margin-bottom: calc(0px - var(--tab-min-height));
|
from{ margin-top: calc(0px - var(--tab-min-height)) }
|
||||||
transition: margin-bottom 48ms ease-out;
|
to{ margin-top: 0 }
|
||||||
}
|
}
|
||||||
#TabsToolbar:not([customizing]){ visibility: hidden; }
|
@keyframes slideout{
|
||||||
#navigator-toolbox:hover > #titlebar{ margin-bottom: 0; }
|
from{ margin-top: var(--tab-min-height) }
|
||||||
#navigator-toolbox:hover > #titlebar > #TabsToolbar{ visibility: visible; }
|
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 }
|
Loading…
Reference in a new issue