Fix broken transition

This commit is contained in:
Adorian Doran 2024-11-29 00:32:07 +02:00
parent 7bba991336
commit 2b55339ac6

View File

@ -533,8 +533,10 @@
height: var(--new-tab-button-size);
background: var(--new-tab-button-background);
border-radius: 50%;
transition: background-color 200ms ease-out,
box-shadow 200ms ease-out;
transition: background-color 300ms ease-out,
box-shadow 300ms ease-out,
transform 300ms ease-in;
will-change: transform;
}
.tab-row-widget .note-new-tab:hover::before {
@ -558,7 +560,9 @@
font-family: boxicons;
font-size: calc(var(--new-tab-button-size) * .75);
color: var(--new-tab-button-color);
transition: color 200ms ease-out,
transition: color 300ms ease-out,
transform 300ms ease-in;
will-change: transform;
}
.tab-row-widget .note-new-tab:hover::after {
@ -566,12 +570,6 @@
transition: color 100ms ease-in,
}
.tab-row-widget .note-new-tab:before,
.tab-row-widget .note-new-tab:after {
will-change: transform;
transition: transform 300ms ease-in;
}
.tab-row-widget .note-new-tab:active:before,
.tab-row-widget .note-new-tab:active:after {
transform: scale(.85);