interesting
/
go-ethereum
mirror of https://github.com/ethereum/go-ethereum.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add hover styling to desktop search button

This commit is contained in:
Paul Wackerow 2022-11-30 09:54:43 -08:00
parent b5e387cb82
commit ebdd5a4fdd
No known key found for this signature in database
GPG Key ID: BB63E296FE9CAB8D
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/theme/search.css
View File

@ -7,10 +7,19 @@
padding: 1rem; padding: 1rem;
width: 200px; width: 200px;
gap: 1rem; gap: 1rem;
--docsearch-searchbox-shadow: transparent;
--docsearch-searchbox-focus-background: transparent;
} }
.DocSearch-Button:hover { .DocSearch-Button:hover {
background: none; background: var(--chakra-colors-primary);
}
.DocSearch-Button:hover svg path,
.DocSearch-Button:hover kbd,
.DocSearch-Button:hover span {
color: var(--chakra-colors-bg);
border-color: var(--chakra-colors-bg);
} }
.DocSearch-Button-Container { .DocSearch-Button-Container {
@ -149,10 +158,6 @@ svg[aria-label="Algolia"] * {
padding: 2rem 1rem; padding: 2rem 1rem;
} }
.DocSearch-Button:active, .DocSearch-Button:focus, .DocSearch-Button:hover {
background: var(--chakra-colors-primary);
}
.DocSearch-Search-Icon * { .DocSearch-Search-Icon * {
color: var(--chakra-colors-bg); color: var(--chakra-colors-bg);
} }