gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 07:08:55 +02:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

style(next)/floating buttons: tweak

Browse Source
This commit is contained in:
Adorian Doran 2025-03-21 04:12:12 +02:00
parent 99bd803d81
commit 6d82905ad4
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1356,7 +1356,7 @@ div.floating-buttons .show-floating-buttons-button {
height: var(--floating-button-show-hide-button-size); height: var(--floating-button-show-hide-button-size);
padding: 0; padding: 0;
border: 0; border: 0;
font-size: calc(var(--floating-button-show-hide-button-size) * .75); font-size: calc(var(--floating-button-show-hide-button-size) * .8);
} }
div.floating-buttons .show-floating-buttons-button { div.floating-buttons .show-floating-buttons-button {
@ -1364,11 +1364,19 @@ div.floating-buttons .show-floating-buttons-button {
background: var(--left-pane-item-action-button-background); background: var(--left-pane-item-action-button-background);
color: var(--left-pane-item-action-button-color); color: var(--left-pane-item-action-button-color);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
animation: floating-buttons-show-hide-button-animation 400ms ease-out;
} }
div.floating-buttons-children .close-floating-buttons-button::before, @keyframes floating-buttons-show-hide-button-animation {
div.floating-buttons .show-floating-buttons-button::before { from {
content: "\eab4"; transform: rotate(180deg);
} to {
transform: rotate(0);
}
}
div.floating-buttons-children:not(.temporarily-hidden) .close-floating-buttons-button {
animation: floating-buttons-show-hide-button-animation 400ms ease-out;
} }
div.floating-buttons-children .close-floating-buttons-button { div.floating-buttons-children .close-floating-buttons-button {