gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-01-06 14:44:25 +01:00
Code Issues Actions 15 Packages Projects Releases Wiki Activity

style/inline title: add an intro animation for the note type selector

Browse Source
This commit is contained in:
Adorian Doran 2025-12-17 01:00:07 +02:00
parent 286d2e8e5b
commit 08730dd821
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/client/src/widgets/layout/InlineTitle.css
View File

@ -102,7 +102,17 @@ body.prefers-centered-content .inline-title {
} }
} }
@keyframes note-type-switcher-intro {
from {
opacity: 0;
} to {
opacity: 1;
}
}
.note-type-switcher { .note-type-switcher {
--badge-radius: 12px;
position: relative; position: relative;
top: 5px; top: 5px;
padding: .25em 0; padding: .25em 0;
@ -112,10 +122,10 @@ body.prefers-centered-content .inline-title {
min-width: 0; min-width: 0;
gap: 5px; gap: 5px;
min-height: 35px; min-height: 35px;
--badge-radius: 12px;
>* { >* {
flex-shrink: 0; flex-shrink: 0;
animation: note-type-switcher-intro 200ms ease-in;
} }
.ext-badge { .ext-badge {