Change background on search result hover

This commit is contained in:
Richard Feldman 2024-11-29 12:54:56 -05:00
parent e528489835
commit 0bf5c0aa59
No known key found for this signature in database
GPG key ID: DAC334802F365236

View file

@ -498,7 +498,7 @@ pre>samp {
border-color: var(--border-color); border-color: var(--border-color);
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 10px; padding: 0;
} }
#search-type-ahead .type-ahead-link { #search-type-ahead .type-ahead-link {
@ -506,11 +506,17 @@ pre>samp {
color: var(--text-color); color: var(--text-color);
line-height: 2em; line-height: 2em;
display: inline-block; display: inline-block;
position: relative;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 4px 8px;
/* if it wraps, indent after the first line */ /* if it wraps, indent after the first line */
padding-left: 2em; padding-left: calc(2em + 8px);
text-indent: -2em; text-indent: -2em;
span { span {
margin: 0px; margin: 0px;
} }
@ -520,21 +526,24 @@ pre>samp {
font-size: 1rem; font-size: 1rem;
} }
} }
#search-type-ahead li { #search-type-ahead li {
box-sizing: border-box; box-sizing: border-box;
padding: 4px; position: relative;
} }
/*use browser defaults for focus outline*/ #search-type-ahead:hover li:focus-within a:focus {
#search-type-ahead li:focus-within { background: none;
/*firefox*/
outline: 5px auto Highlight;
/*chrome and safari*/
outline: 5px auto -webkit-focus-ring-color;
} }
.type-ahead-link:focus-visible { #search-type-ahead a:focus {
outline: none; outline: none;
background: var(--violet-bg);
}
#search-type-ahead a:hover {
background: var(--violet-bg) !important;
text-decoration: none;
} }
#search-link { #search-link {