Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-25 14:31:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next): tree actions toolbar: improve styling

Browse Source
This commit is contained in:
Adorian Doran 2024-12-12 00:49:05 +02:00
parent 9ce97decf2
commit 8b9d4ed106
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -486,7 +486,7 @@ div.quick-search .search-button.show {
padding: var(--tree-actions-toolbar-padding-size); padding: var(--tree-actions-toolbar-padding-size);
padding-right: var(--tree-actions-toolbar-collapsed-width); padding-right: var(--tree-actions-toolbar-collapsed-width);
background: transparent; background: transparent;
transition: max-width 300ms ease-out; transition: max-width 200ms ease-in;
} }
/* Toolbar container (expanded state) */ /* Toolbar container (expanded state) */
@ -494,6 +494,7 @@ div.quick-search .search-button.show {
max-width: 200px; max-width: 200px;
border-color: var(--dropdown-border-color); border-color: var(--dropdown-border-color);
background: var(--menu-background-color); background: var(--menu-background-color);
backdrop-filter: blur(10px) saturate(6);
box-shadow: 0 5px 10px rgba(0, 0, 0, var(--dropdown-shadow-opacity)) box-shadow: 0 5px 10px rgba(0, 0, 0, var(--dropdown-shadow-opacity))
} }
@ -512,7 +513,7 @@ div.quick-search .search-button.show {
/* Toolbar button (toolbar expanded) */ /* Toolbar button (toolbar expanded) */
#left-pane .tree-actions:hover button { #left-pane .tree-actions:hover button {
opacity: 1; opacity: 1;
transition: opacity 200ms ease-in; transition: opacity 250ms ease-in;
} }
/* The floating expand button (toolbar collapsed) */ /* The floating expand button (toolbar collapsed) */
@ -532,6 +533,7 @@ div.quick-search .search-button.show {
font-family: boxicons; font-family: boxicons;
font-size: 18px; font-size: 18px;
transform: translateY(-50%); transform: translateY(-50%);
transition: color 200ms ease-in;
} }
/* The floating expand button (toolbar expanded) */ /* The floating expand button (toolbar expanded) */
@ -539,6 +541,7 @@ div.quick-search .search-button.show {
background: transparent; background: transparent;
color: var(--menu-item-icon-color); color: var(--menu-item-icon-color);
opacity: var(--menu-item-disabled-opacity); opacity: var(--menu-item-disabled-opacity);
transition: color 200ms ease-out;
} }
/* /*