mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-08-01 20:52:27 +08:00
Fix broken transition
This commit is contained in:
parent
7bba991336
commit
2b55339ac6
@ -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);
|
||||
|
Loading…
x
Reference in New Issue
Block a user