Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-30 03:32:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(next): fix blur in nested submenus

Browse Source
This commit is contained in:
Elian Doran 2024-12-14 03:22:16 +02:00
parent b872ad0c25
commit 639936dffe
No known key found for this signature in database
1 changed files with 28 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,6 +10,11 @@
} }
} }
:root {
--dropdown-backdrop-filter: blur(10px) saturate(6);
--dropdown-border-radius: 10px;
}
#root-widget { #root-widget {
background-color: var(--root-background); background-color: var(--root-background);
} }
@ -872,12 +877,32 @@ body.layout-horizontal .tab-row-widget .note-tab .note-tab-wrapper {
*/ */
.dropdown-menu { .dropdown-menu {
border-radius: 10px; border-radius: var(--dropdown-border-radius);
backdrop-filter: blur(10px) saturate(6);
padding: var(--menu-padding-size) !important; padding: var(--menu-padding-size) !important;
font-size: .90rem !important; font-size: .90rem !important;
} }
.dropdown-menu::before {
content: "";
backdrop-filter: var(--dropdown-backdrop-filter);
border-radius: var(--dropdown-border-radius);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.dropdown-submenu .dropdown-menu::before {
content: unset;
}
.dropdown-submenu .dropdown-menu {
backdrop-filter: var(--dropdown-backdrop-filter);
background: transparent;
}
.dropdown-item { .dropdown-item {
padding: 2px 16px 2px 8px !important; padding: 2px 16px 2px 8px !important;
/* Note: the right padding should also accommodate the submenu arrow. */ /* Note: the right padding should also accommodate the submenu arrow. */