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 */
|
||||
/* 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 }
|
Loading…
Reference in a new issue