gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-20 22:34:23 +01:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

style/inline title: replace the hover effect of the note icon

Browse Source
This commit is contained in:
Adorian Doran 2025-12-17 00:16:45 +02:00
parent 143b1827e6
commit 07dcdf3078
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
apps/client/src/widgets/note_icon.css
View File

@ -77,6 +77,7 @@ div.note-icon-widget {
body.experimental-feature-new-layout { body.experimental-feature-new-layout {
--note-icon-button-background-color: #444444; --note-icon-button-background-color: #444444;
--note-icon-button-hover-background-color: #5a5a5a;
--note-icon-button-color: white; --note-icon-button-color: white;
.note-icon-widget button.note-icon { .note-icon-widget button.note-icon {
@ -85,11 +86,6 @@ body.experimental-feature-new-layout {
border-radius: 50%; border-radius: 50%;
background: transparent !important; background: transparent !important;
&:hover {
transform: scale(1.15);
transition: transform 150ms ease-out;
}
/* The icon */ /* The icon */
&::before { &::before {
position: relative; position: relative;
@ -105,5 +101,10 @@ body.experimental-feature-new-layout {
border-radius: 50%; border-radius: 50%;
background: var(--note-icon-button-background-color); background: var(--note-icon-button-background-color);
} }
&:hover::after {
background: var(--note-icon-button-hover-background-color);
transition: background 200ms ease-out;
}
} }
} }