Merge pull request #763 from TriliumNext/style/next/tree-settings-panel

Style Next: Restyle the tree settings popup
This commit is contained in:
Elian Doran 2024-12-12 08:45:12 +02:00 committed by GitHub
commit 346ae7d815
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 20 additions and 0 deletions

View File

@ -113,6 +113,7 @@ const TPL = `
<div class="tree-settings-popup">
<h4>${t("note_tree.tree-settings-title")}</h4>
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input hide-archived-notes" type="checkbox" value="">

View File

@ -542,6 +542,25 @@ div.quick-search .search-button.show {
transition: color 200ms ease-out;
}
/*
* Tree settings popup
*/
#left-pane .tree-settings-popup {
box-shadow: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
border: 1px solid var(--dropdown-border-color);
padding: 25px;
background: var(--menu-background-color);
backdrop-filter: blur(10px) saturate(6);
color: var(--menu-text-color);
}
#left-pane .tree-settings-popup h4 {
margin-bottom: .75em;
font-size: 1.5em;
line-height: 1;
}
/*
* Gutter
*/