[website]: Layout patch [Fixes 26420] (#26878)

[fix] search.css layout adjustment [Fixes #26420]
This commit is contained in:
Paul Wackerow 2023-03-14 03:18:14 -07:00 committed by GitHub
parent a5f90c65bf
commit d5f9948a8e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -27,6 +27,10 @@
justify-content: space-between; justify-content: space-between;
} }
.DocSearch-Button-Placeholder, .DocSearch-Button-Keys {
display: flex;
}
.DocSearch-Button-Keys kbd { .DocSearch-Button-Keys kbd {
background: none; background: none;
border: 1px solid var(--chakra-colors-secondary); border: 1px solid var(--chakra-colors-secondary);
@ -144,7 +148,7 @@ svg[aria-label='Algolia'] * {
color: var(--chakra-colors-bg); color: var(--chakra-colors-bg);
} }
@media (max-width: 768px) { @media (max-width: 767px) {
/* Search field in mobile menu */ /* Search field in mobile menu */
.DocSearch-Button-Container { .DocSearch-Button-Container {
flex-direction: row-reverse; flex-direction: row-reverse;
@ -170,6 +174,10 @@ svg[aria-label='Algolia'] * {
color: var(--chakra-colors-bg); color: var(--chakra-colors-bg);
} }
.DocSearch-Button-Placeholder, .DocSearch-Button-Keys {
display: none;
}
/* Mobile modal styling */ /* Mobile modal styling */
.DocSearch-Container, .DocSearch-Container,
.DocSearch-Modal { .DocSearch-Modal {