oreolek/phanpy
1
0
Fork 0
Code Activity

Better search suggestion styles

Browse source 
Lighter style and fifferentiate between hover and focus
This commit is contained in:
Lim Chee Aun 2024-01-06 01:04:14 +08:00
parent e43f2283dd
commit 9a5d749b8d
1 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/pages/search.css
View file

@ -115,22 +115,25 @@ ul.link-list.hashtag-list li a {
display: none;
}
.search-popover-item:is(:hover, :focus, .focus) {
background-color: var(--button-bg-color);
color: var(--button-text-color);
background-color: var(--link-bg-color);
color: var(--text-color);
}
.search-popover-item:is(:focus, .focus) {
box-shadow: inset 4px 0 0 0 var(--button-bg-color);
}
.search-popover-item :is(mark, q) {
background-color: var(--bg-faded-blur-color);
color: inherit;
color: var(--text-color);
background-color: var(--link-bg-color);
}
.search-popover-item:is(:hover, :focus, .focus) :is(mark, q) {
background-color: var(--button-bg-color);
background-color: var(--link-bg-color);
}
.search-popover:hover .search-popover-item.focus:not(:hover, :focus),
.search-popover:hover
.search-popover-item.focus:not(:hover, :focus)
:is(mark, q) {
background-color: unset;
color: unset;
/* background-color: unset; */
/* color: unset; */
}
.search-popover-item > span {
min-width: 0;