3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-06 10:20:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(theme): avoid rendering empty search container if site has no search plugin (#9385)

Browse source
This commit is contained in:
Sébastien Lorber 2023-10-08 20:04:42 +02:00 • committed by GitHub
parent 77b3b54def
commit 35441b38e4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
packages/docusaurus-theme-classic/src/theme/Navbar/Search/index.tsx
View file

@ -15,5 +15,9 @@ export default function NavbarSearch({
children, children,
className, className,
}: Props): JSX.Element { }: Props): JSX.Element {
return <div className={clsx(className, styles.searchBox)}>{children}</div>; return (
<div className={clsx(className, styles.navbarSearchContainer)}>
{children}
</div>
);
} }

12
packages/docusaurus-theme-classic/src/theme/Navbar/Search/styles.module.css
View file

@ -5,15 +5,23 @@
* LICENSE file in the root directory of this source tree. * LICENSE file in the root directory of this source tree.
*/ */
/*
Workaround to avoid rendering empty search container
See https://github.com/facebook/docusaurus/pull/9385
*/
.navbarSearchContainer:not(:has(> *)) {
display: none;
}
@media (max-width: 996px) { @media (max-width: 996px) {
.searchBox { .navbarSearchContainer {
position: absolute; position: absolute;
right: var(--ifm-navbar-padding-horizontal); right: var(--ifm-navbar-padding-horizontal);
} }
} }
@media (min-width: 997px) { @media (min-width: 997px) {
.searchBox { .navbarSearchContainer {
padding: var(--ifm-navbar-item-padding-vertical) padding: var(--ifm-navbar-item-padding-vertical)
var(--ifm-navbar-item-padding-horizontal); var(--ifm-navbar-item-padding-horizontal);
} }