@apify/docs-theme 1.0.262 → 1.0.264

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apify/docs-theme",
-  "version": "1.0.262",
+  "version": "1.0.264",
   "description": "",
   "main": "./src/index.js",
   "files": [

package/src/config.js

@@ -397,7 +397,7 @@ const scripts = [
         src: 'https://widget.kapa.ai/kapa-widget.bundle.js',
         'data-website-id': 'a9937f98-9c9d-44d9-a433-fec4cb1c114d',
         'data-project-name': 'Apify',
-        'data-modal-title': 'Apify AI Assistant',
+        'data-modal-title': 'Apify Docs Assistant',
         'data-project-color': '#666666',
         'data-button-hide': 'true',
         'data-project-logo': 'https://apify.com/img/apify-logo/logomark-32x32.svg',

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;