@apify/docs-theme 1.0.79 → 1.0.80

package/package.json

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useThemeConfig } from '@docusaurus/theme-common';
+import { useThemeConfig, isRegexpStringMatch } from '@docusaurus/theme-common';
 import { usePluginData } from '@docusaurus/useGlobalData';
 import {
     splitNavbarItems,
@@ -9,6 +9,7 @@ import NavbarItem from '@theme/NavbarItem';
 import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
 import NavbarSearch from '@theme/Navbar/Search';
 import NavbarMobileSidebarToggle from '@theme/Navbar/MobileSidebar/Toggle';
+import { useLocation } from '@docusaurus/router';
 import SearchBar from '../../SearchBar';
 import styles from './styles.module.css';
 
@@ -36,13 +37,15 @@ function NavbarContentLayout({
 
 function SubNavbar() {
     const { options: { subNavbar } } = usePluginData('@apify/docs-theme');
+    const location = useLocation();
+
     return (
-        subNavbar ? (
+        subNavbar && (!subNavbar?.pathRegex || isRegexpStringMatch(subNavbar.pathRegex, location.pathname)) ? (
             <div className="navbar__inner navbar__sub">
                 <div className="navbar__container">
                     <div className="navbar__items">
                         <div className="navbar__sub--title">
-                            <NavbarItem label={subNavbar.title} to="/"/>
+                            <NavbarItem label={subNavbar.title} to="/" activeBaseRegex='(?!)' />
                         </div>
                         <NavbarItems items={subNavbar.items}/>
                     </div>

package/src/theme/custom.css

@@ -96,6 +96,14 @@ html[data-theme='dark'] {
     font-weight: 600;
 }
 
+.navbar__item {
+    font-weight: 500;
+}
+
+.navbar__sub--title > a {
+    font-weight: 600;
+}
+
 .footer__title {
     font-size: 1.25rem;
     font-weight: 600;
@@ -273,20 +281,13 @@ aside .icon svg[class*=iconExternalLink] {
 }
 
 .navbar__sub--title {
-    display: flex;
-    align-items: center;
-    width: 160px;
-    justify-content: flex-end;
-    margin-right: 40px;
-    position: relative;
-}
-
-.navbar__sub--title::after {
-    content: "";
-    height: 20px;
-    border-right: 1px solid var(--color-Neutral_SeparatorSubtle);
-    position: absolute;
-    right: -32px;
+	display: flex;
+	align-items: center;
+	width: 12.5rem;
+	padding-right: 0.5rem;
+	position: relative;
+	border-right: 1px solid var(--color-Neutral_SeparatorSubtle);
+	justify-content: center;
 }
 
 header.hero div[class^=heroButtons] {