gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-04 05:28:59 +01:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

client/quick search results: refactor the item delimiter line

Browse Source
This commit is contained in:
Adorian Doran 2025-08-29 16:57:02 +03:00
parent b4b5e86a14
commit 43caadc472
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/client/src/stylesheets/theme-next/shell.css
View File

@ -575,6 +575,10 @@ div.quick-search .search-button.show {
* Quick search results * Quick search results
*/ */
div.quick-search .dropdown-menu {
--quick-search-item-delimiter-color: transparent;
}
/* Item */ /* Item */
.quick-search .dropdown-menu *.dropdown-item { .quick-search .dropdown-menu *.dropdown-item {
padding: 8px 12px !important; padding: 8px 12px !important;
@ -622,11 +626,6 @@ div.quick-search .search-button.show {
font-weight: 600; font-weight: 600;
} }
/* Divider line */
.quick-search .dropdown-item::after {
display: none;
}
/* /*
* TREE PANE * TREE PANE
*/ */

12
apps/client/src/widgets/quick_search.ts
View File

@ -15,13 +15,15 @@ const TPL = /*html*/`
padding: 10px 10px 10px 0px; padding: 10px 10px 10px 0px;
height: 50px; height: 50px;
} }
.quick-search button, .quick-search input { .quick-search button, .quick-search input {
border: 0; border: 0;
font-size: 100% !important; font-size: 100% !important;
} }
.quick-search .dropdown-menu { .quick-search .dropdown-menu {
--quick-search-item-delimiter-color: var(--dropdown-border-color);
max-height: 80vh; max-height: 80vh;
min-width: 400px; min-width: 400px;
max-width: 720px; max-width: 720px;
@ -38,14 +40,14 @@ const TPL = /*html*/`
position: relative; position: relative;
} }
.quick-search .dropdown-item:not(:last-child)::after { .quick-search .dropdown-item + .dropdown-item::after {
content: ''; content: '';
position: absolute; position: absolute;
left: 0; left: 0;
bottom: 0; top: 0;
width: 100%; width: 100%;
height: 1px; height: 1px;
background: var(--dropdown-border-color); border-bottom: 1px solid var(--quick-search-item-delimiter-color);
} }
.quick-search .dropdown-item:last-child::after { .quick-search .dropdown-item:last-child::after {