zadam/trilium
1
1
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-02 11:35:41 +08:00
Code Issues Projects Releases Packages Wiki Activity

style/quick search results: improve appearance

Browse source
This commit is contained in:
Adorian Doran 2025-08-27 02:38:51 +03:00 • committed by Elian Doran
parent f034e8bb37
commit 934c9d3df8
No known key found for this signature in database
4 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
apps/client/src/stylesheets/theme-next-dark.css
View file

@ -121,6 +121,7 @@
--quick-search-focus-border: #80808095;
--quick-search-focus-background: #ffffff1f;
--quick-search-focus-color: white;
--quick-search-result-content-background: #0000004d;
--left-pane-collapsed-border-color: #0009;
--left-pane-background-color: #1f1f1f;

1
apps/client/src/stylesheets/theme-next-light.css
View file

@ -115,6 +115,7 @@
--quick-search-focus-border: #00000029;
--quick-search-focus-background: #ffffff80;
--quick-search-focus-color: #000;
--quick-search-result-content-background: #00000017;
--left-pane-collapsed-border-color: #0000000d;
--left-pane-background-color: #f2f2f2;

13
apps/client/src/stylesheets/theme-next/shell.css
View file

@ -604,6 +604,19 @@ div.quick-search .search-button.show {
overflow: hidden;
}
.quick-search .quick-search-item-icon {
vertical-align: text-bottom;
}
:root .quick-search .search-result-content {
background-color: var(--quick-search-result-content-background);
border-radius: 4px;
}
.quick-search .dropdown-item::after {
display: none;
}
/*
* TREE PANE
*/

5
apps/client/src/widgets/quick_search.ts
View file

@ -22,8 +22,9 @@ const TPL = /*html*/`
}
.quick-search .dropdown-menu {
max-height: 600px;
max-width: 600px;
max-height: 80vh;
min-width: 400px;
max-width: 720px;
overflow-y: auto;
overflow-x: hidden;
text-overflow: ellipsis;