Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-10-17 20:20:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

Switch the color of the search button according to the current state

Browse Source
This commit is contained in:
Adorian Doran 2024-11-29 12:56:30 +02:00
parent 6a74765bc8
commit 821a077130
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/public/stylesheets/theme-next.css
View File

@ -434,6 +434,7 @@
margin-right: 8px;
border-radius: 50%;
padding: 0;
color: var(--quick-search-color) !important;
transition: background-color 200ms ease-in !important;
}
@ -444,12 +445,15 @@
#left-pane .quick-search:focus-within:has(input:not(:placeholder-shown)) .search-button {
/* Matches when the input has a value and the focus is inside the search box */
background: var(--left-pane-item-action-button-background) !important;
color: var(--quick-search-focus-color) !important;
transition: background-color 500ms ease-out !important;
}
#left-pane .quick-search:focus-within .search-button:hover,
#left-pane .quick-search .search-button.show {
/* Hover state */
background: var(--left-pane-item-action-button-background) !important;
color: var(--quick-search-focus-color) !important;
transition: background-color 100ms ease-out !important;
}