pmOS-tweaks/mobile-config-firefox
1
0
Fork 0
forked from fliegerjohn/mobile-config-firefox
Code Pull requests Activity

make sure the line animates only in hovered nonselected tabs

Browse source 
that should have already been the case previously, but if one were to
use some other custom style that added .tab-background::before pseudo
element, then all tabs would have a playing animation which would have
trashed performance.
This commit is contained in:
MrOtherGuy 2021-06-26 09:57:25 +03:00
parent 5617572b9a
commit b0ed451d7b
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
chrome/non_floating_sharp_tabs.css
View file

@ -83,11 +83,12 @@ See the above repository for updates as well as full license text. */
}
/* Photon-like tab on hover animation for the top line */
@keyframes tab-line-anim{ from{ margin-inline: 20px } to { margin-inline: 0 } }
.tab-background::before{ animation: tab-line-anim 160ms }
.tab-stack:hover > .tab-background::before{ animation: tab-line-anim 160ms }
/* Disable animation for selected and pinned tabs */
.tabbrowser-tab[pinned] > .tab-stack > .tab-background::before,
.tab-background[selected]{ animation: none }
.tab-background[selected]::before{ animation: none !important }
/* moves context-line to the bottom */
.tab-context-line{ -moz-box-ordinal-group: 2; margin-inline: 10px !important; }