fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-11-13 21:00:16 +00:00
Code Issues Projects Releases Packages Wiki Activity

add photon like tab top line onhover animation

Browse source
This commit is contained in:
MrOtherGuy 2021-06-02 23:38:06 +03:00
parent 025cc33886
commit daaff92e6a
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
chrome/non_floating_sharp_tabs.css
View file

@ -78,5 +78,13 @@ See the above repository for updates as well as full license text. */
background-color: highlight; background-color: highlight;
background-image: linear-gradient(var(--tab-line-color),var(--tab-line-color)); background-image: linear-gradient(var(--tab-line-color),var(--tab-line-color));
} }
/* 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 }
/* Disable animation for selected and pinned tabs */
.tabbrowser-tab[pinned] > .tab-stack > .tab-background::before,
.tab-background[selected]{ animation: none }
/* moves context-line to the bottom */ /* moves context-line to the bottom */
.tab-context-line{ -moz-box-ordinal-group: 2; margin-inline: 10px !important; } .tab-context-line{ -moz-box-ordinal-group: 2; margin-inline: 10px !important; }