polish

facebook · Oct 8, 2023 · 2b9031e · 2b9031e
1 parent ed36538
commit 2b9031e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/packages/docusaurus-theme-classic/src/theme/Navbar/Search/index.tsx b/packages/docusaurus-theme-classic/src/theme/Navbar/Search/index.tsx
@@ -15,5 +15,9 @@ export default function NavbarSearch({
   children,
   className,
 }: Props): JSX.Element {
-  return <div className={clsx(className, styles.navbarSearch)}>{children}</div>;
+  return (
+    <div className={clsx(className, styles.navbarSearchContainer)}>
+      {children}
+    </div>
+  );
 }
diff --git a/packages/docusaurus-theme-classic/src/theme/Navbar/Search/styles.module.css b/packages/docusaurus-theme-classic/src/theme/Navbar/Search/styles.module.css
@@ -7,21 +7,21 @@
 
 /*
 Workaround to avoid rendering empty search container
-See https://github.com/facebook/docusaurus/pull/7990
+See https://github.com/facebook/docusaurus/pull/9385
 */
-.navbarSearch:not(:has(> *)) {
+.navbarSearchContainer:not(:has(> *)) {
   display: none;
 }
 
 @media (max-width: 996px) {
-  .navbarSearch {
+  .navbarSearchContainer {
     position: absolute;
     right: var(--ifm-navbar-padding-horizontal);
   }
 }
 
 @media (min-width: 997px) {
-  .navbarSearch {
+  .navbarSearchContainer {
     padding: var(--ifm-navbar-item-padding-vertical)
       var(--ifm-navbar-item-padding-horizontal);
   }