From 501cac3ce17b796ae98b639005dbd29e4df49949 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Sat, 7 Dec 2024 01:59:36 +0200 Subject: [PATCH] style(next): restyle the quick search results --- src/public/stylesheets/theme-next.css | 41 +++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index 278b0ea30..f8d8e5097 100644 --- 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 */