mirror of
https://github.com/ethereum/go-ethereum.git
synced 2026-05-14 12:06:40 +00:00
add hover styling to desktop search button
This commit is contained in:
parent
b5e387cb82
commit
ebdd5a4fdd
1 changed files with 10 additions and 5 deletions
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue