[website]: Layout patch [Fixes 26420] (#26878)
[fix] search.css layout adjustment [Fixes #26420]
This commit is contained in:
parent
a5f90c65bf
commit
d5f9948a8e
|
@ -27,6 +27,10 @@
|
|||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.DocSearch-Button-Placeholder, .DocSearch-Button-Keys {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.DocSearch-Button-Keys kbd {
|
||||
background: none;
|
||||
border: 1px solid var(--chakra-colors-secondary);
|
||||
|
@ -144,7 +148,7 @@ svg[aria-label='Algolia'] * {
|
|||
color: var(--chakra-colors-bg);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: 767px) {
|
||||
/* Search field in mobile menu */
|
||||
.DocSearch-Button-Container {
|
||||
flex-direction: row-reverse;
|
||||
|
@ -170,6 +174,10 @@ svg[aria-label='Algolia'] * {
|
|||
color: var(--chakra-colors-bg);
|
||||
}
|
||||
|
||||
.DocSearch-Button-Placeholder, .DocSearch-Button-Keys {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Mobile modal styling */
|
||||
.DocSearch-Container,
|
||||
.DocSearch-Modal {
|
||||
|
|
Loading…
Reference in New Issue