@apify/docs-theme 1.0.263 → 1.0.265

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apify/docs-theme",
-  "version": "1.0.263",
+  "version": "1.0.265",
   "description": "",
   "main": "./src/index.js",
   "files": [
@@ -21,7 +21,7 @@
   "dependencies": {
     "@apify/docs-search-modal": "^1.4.0",
     "@apify/ui-icons": "^1.19.0",
-    "@apify/ui-library": "^1.151.0",
+    "@apify/ui-library": "^1.156.1",
     "@docusaurus/theme-common": "^3.7.0",
     "@stackql/docusaurus-plugin-hubspot": "^1.1.0",
     "algoliasearch": "^5.19.0",

package/src/theme/Navbar/Content/index.jsx

@@ -23,9 +23,9 @@ function NavbarItems({ items }) {
     );
 }
 
-function NavbarContentLayout({ left, center, right }) {
+function NavbarContentLayout({ left, center, right, className }) {
     return (
-        <div className="navbar__inner">
+        <div className={`navbar__inner ${className ?? ''}`}>
             <div className="navbar__container">
                 <div className="navbar__items">{left}</div>
                 <div className="navbar__items navbar__items--center">{center}</div>
@@ -115,6 +115,7 @@ export default function NavbarContent() {
                 }
             />
             <NavbarContentLayout
+                className="navbar__inner--subnavbar"
                 left={
                     <>
                         <NavbarItems items={leftItems} />

package/src/theme/custom.css

@@ -389,6 +389,13 @@ footer .col {
     background: var(--color-Neutral_Background);
 }
 
+@media (max-width: 996px) {
+    /* Nav links move into a dropdown on mobile. */
+    .navbar__inner--subnavbar {
+        display: none;
+    }
+}
+
 .navbar__sub {
     padding: 0.8rem var(--ifm-spacing-horizontal);
     height: 58px;