@apify/docs-theme 1.0.34 → 1.0.36

package/package.json

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

package/src/config.js

@@ -8,7 +8,6 @@ const themeConfig = ({
         },
     },
     navbar: {
-        hideOnScroll: true,
         title: 'Apify Docs',
         logo: {
             src: 'img/apify_sdk.svg',

package/src/theme/custom.css

@@ -14,6 +14,9 @@ html[data-theme='dark'] {
     --ifm-heading-color: #f2f3fb;
     --ifm-navbar-link-color: #f2f3fb;
 
+    /* TODO set this conditionally to 123px when there is second level nav */
+    --ifm-navbar-height: 68px;
+
     --docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.1);
     --docsearch-text-color: #8d92af;
 
@@ -338,6 +341,14 @@ article .card h2 {
     float: right;
 }
 
+.menu__caret {
+    transform: scale(.7);
+}
+
+aside button[class*="collapseSidebarButton"] svg {
+    transform: scale(.7) rotate(180deg);
+}
+
 .table-of-contents__link {
     height: 20px;
 }
@@ -626,7 +637,7 @@ html[data-theme='dark'] .actionLink:hover::after {
     margin-left: 8px;
 }
 
-@media (max-width: 1660px) {
+@media (min-width: 997px) and (max-width: 1660px) {
     :root {
         --ifm-toc-padding-vertical: 0.25rem;
         --ifm-toc-padding-horizontal: 0.25rem;
@@ -650,3 +661,15 @@ html[data-theme='dark'] .actionLink:hover::after {
         line-height: 28px;
     }
 }
+
+aside li.section-header > div > .menu__link {
+    text-transform: uppercase;
+    opacity: 0.8;
+    font-size: 1em;
+    font-weight: 700;
+    margin: 5px 0;
+}
+
+aside li.section-header > .menu__list {
+    padding-left: 0;
+}