From 378bcc0b781a654240b87a2f6a5a833ac6732702 Mon Sep 17 00:00:00 2001
From: Tanya Fomina <fomina.tatianaaa@yandex.ru>
Date: Tue, 21 Jun 2022 17:22:14 +0800
Subject: [PATCH] Fix sidebar

---
 src/backend/views/components/sidebar.twig   | 2 +-
 src/frontend/js/modules/sidebar.js          | 3 ++-
 src/frontend/styles/components/sidebar.pcss | 6 +++++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/backend/views/components/sidebar.twig b/src/backend/views/components/sidebar.twig
index d452cc8..a735b89 100644
--- a/src/backend/views/components/sidebar.twig
+++ b/src/backend/views/components/sidebar.twig
@@ -5,7 +5,7 @@
     {{ svg('menu') }} Table of contents
   </div>
 
-  <aside class="docs-sidebar__content docs-sidebar__content--hidden">
+  <aside class="docs-sidebar__content docs-sidebar__content--invisible">
     {% for firstLevelPage in menu %}
       <section class="docs-sidebar__section" data-id="{{firstLevelPage._id}}">
         <a class="docs-sidebar__section-title-wrapper"
diff --git a/src/frontend/js/modules/sidebar.js b/src/frontend/js/modules/sidebar.js
index b64e675..dcb6d60 100644
--- a/src/frontend/js/modules/sidebar.js
+++ b/src/frontend/js/modules/sidebar.js
@@ -33,6 +33,7 @@ export default class Sidebar {
       sidebarToggler: 'docs-sidebar__toggler',
       sidebarContent: 'docs-sidebar__content',
       sidebarContentHidden: 'docs-sidebar__content--hidden',
+      sidebarContentInvisible: 'docs-sidebar__content--invisible',
     };
   }
 
@@ -173,6 +174,6 @@ export default class Sidebar {
    * @returns {void}
    */
   ready() {
-    this.nodes.sidebarContent.classList.remove(Sidebar.CSS.sidebarContentHidden);
+    this.nodes.sidebarContent.classList.remove(Sidebar.CSS.sidebarContentInvisible);
   }
 }
diff --git a/src/frontend/styles/components/sidebar.pcss b/src/frontend/styles/components/sidebar.pcss
index 5747c70..2a455a4 100644
--- a/src/frontend/styles/components/sidebar.pcss
+++ b/src/frontend/styles/components/sidebar.pcss
@@ -25,6 +25,10 @@
     &--hidden {
       display: none;
     }
+
+    &--invisible {
+      visibility: hidden;
+    }
   }
 
 
@@ -58,7 +62,7 @@
   }
 
   &__section:not(:first-child) {
-    margin-top: 20px;
+    margin-top: 19px;
   }
 
   &__section-title {