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

Add transition to the new tab button

Browse Source
This commit is contained in:
Adorian Doran 2024-11-28 23:57:31 +02:00
parent 3d8a662903
commit 50cf7d47e7
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -529,11 +529,15 @@
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,
box-shadow 200ms ease-out;
} }
.tab-row-widget .note-new-tab:hover::before { .tab-row-widget .note-new-tab:hover::before {
background: var(--new-tab-button-hover-background); background: var(--new-tab-button-hover-background);
box-shadow: var(--new-tab-button-shadow); box-shadow: var(--new-tab-button-shadow);
transition: background-color 100ms ease-in,
box-shadow 100ms ease-in;
} }
.tab-row-widget .note-new-tab::after { .tab-row-widget .note-new-tab::after {
@ -550,10 +554,12 @@
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,
} }
.tab-row-widget .note-new-tab:hover::after { .tab-row-widget .note-new-tab:hover::after {
color: var(--new-tab-button-hover-color); color: var(--new-tab-button-hover-color);
transition: color 100ms ease-in,
} }