Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-09 09:42:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix broken transition

Browse Source
This commit is contained in:
Adorian Doran 2024-11-29 00:32:07 +02:00
parent 7bba991336
commit 2b55339ac6
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/public/stylesheets/theme-next.css
View File

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