style(next): restyle the quick search results

TriliumNext · Dec 6, 2024 · 501cac3 · 501cac3
1 parent 528645c
commit 501cac3
Showing 1 changed file with 41 additions and 0 deletions.
diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
@@ -627,6 +627,47 @@ div.quick-search .search-button.show  {
     transition: background-color 100ms ease-out !important;
 }
 
+/*
+ * Quick search results
+ */
+
+/* Item */
+.quick-search .dropdown-menu *.dropdown-item {
+    padding: 8px 12px !important;
+}
+
+
+/* Note icon */
+.quick-search .dropdown-menu .dropdown-item > .bx {
+    position: relative;
+    top: 2px;
+}
+
+/* Note title */
+.quick-search .dropdown-menu .dropdown-item > a {
+    color: var(--menu-text-color);
+}
+
+.quick-search .dropdown-menu .dropdown-item > a:hover {
+    --hover-item-background-color: transparent;
+    text-decoration: underline;
+}
+
+
+/* Note path */
+.quick-search .dropdown-menu small {
+    display: block;
+    opacity: .5;
+    font-size: .75em;
+    overflow: hidden;
+}
+
+/* The "Show in full search" button */
+.quick-search .dropdown-menu button {
+    padding: 0;
+    color: var(--menu-text-color) !important;
+}
+
 /*
  * Left pane
  */