gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-21 15:49:00 +02:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

style/global menu button: tweak appearance

Browse Source
This commit is contained in:
Adorian Doran 2025-09-20 21:50:27 +03:00
parent d276cdf519
commit 0bb10cf3ee
1 changed files with 33 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
apps/client/src/widgets/buttons/global_menu.css
View File

@ -8,31 +8,49 @@
min-width: 20em; min-width: 20em;
} }
.global-menu-button { button.global-menu-button {
position: relative;
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;
position: relative; border: none;
padding: 6px; padding: 6px;
border: 0; }
.global-menu-button svg {
transition: transform 300ms ease-in-out;
}
.global-menu-button:active svg,
.global-menu-button.show svg {
transform: scale(0.85);
} }
.global-menu-button svg path { .global-menu-button svg path {
fill: var(--launcher-pane-text-color); fill: var(--launcher-pane-text-color);
} }
.global-menu-button:hover { border: 0; } .global-menu-button:hover {
.global-menu-button:hover svg path { border: none;
transition: 200ms ease-in-out fill;
} }
.global-menu-button:hover svg path.st0 { fill:#95C980; }
.global-menu-button:hover svg path.st1 { fill:#72B755; } .global-menu-button:hover svg path,
.global-menu-button:hover svg path.st2 { fill:#4FA52B; } .global-menu-button.show svg path {
.global-menu-button:hover svg path.st3 { fill:#EE8C89; } transition: 300ms linear fill;
.global-menu-button:hover svg path.st4 { fill:#E96562; } }
.global-menu-button:hover svg path.st5 { fill:#E33F3B; }
.global-menu-button:hover svg path.st6 { fill:#EFB075; } .global-menu-button svg path {
.global-menu-button:hover svg path.st7 { fill:#E99547; } transition: fill 1000ms ease-out;
.global-menu-button:hover svg path.st8 { fill:#E47B19; } }
.global-menu-button:is(:hover, .show) svg path.st0 { fill:#95C980; transition-delay: 0ms; }
.global-menu-button:is(:hover, .show) svg path.st1 { fill:#72B755; transition-delay: 75ms; }
.global-menu-button:is(:hover, .show) svg path.st2 { fill:#4FA52B; transition-delay: 150ms; }
.global-menu-button:is(:hover, .show) svg path.st3 { fill:#EE8C89; transition-delay: 225ms; }
.global-menu-button:is(:hover, .show) svg path.st4 { fill:#E96562; transition-delay: 300ms; }
.global-menu-button:is(:hover, .show) svg path.st5 { fill:#E33F3B; transition-delay: 375ms; }
.global-menu-button:is(:hover, .show) svg path.st6 { fill:#EFB075; transition-delay: 450ms; }
.global-menu-button:is(:hover, .show) svg path.st7 { fill:#E99547; transition-delay: 525ms; }
.global-menu-button:is(:hover, .show) svg path.st8 { fill:#E47B19; transition-delay: 600ms; }
.global-menu-button-update-available { .global-menu-button-update-available {
position: absolute; position: absolute;