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

Collapse the toolbar instead of negative margins

Browse source
This commit is contained in:
MrOtherGuy 2019-10-29 19:34:50 +02:00
parent 4250b9c962
commit 7778ed2e08
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
chrome/autohide_tabstoolbar.css
View file

@ -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 }