1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-07 06:25:21 +02:00

Fix sidebar

This commit is contained in:
Tanya Fomina 2022-06-21 17:22:14 +08:00
parent 30d96909d3
commit 378bcc0b78
3 changed files with 8 additions and 3 deletions

View file

@ -5,7 +5,7 @@
{{ svg('menu') }} Table of contents {{ svg('menu') }} Table of contents
</div> </div>
<aside class="docs-sidebar__content docs-sidebar__content--hidden"> <aside class="docs-sidebar__content docs-sidebar__content--invisible">
{% for firstLevelPage in menu %} {% for firstLevelPage in menu %}
<section class="docs-sidebar__section" data-id="{{firstLevelPage._id}}"> <section class="docs-sidebar__section" data-id="{{firstLevelPage._id}}">
<a class="docs-sidebar__section-title-wrapper" <a class="docs-sidebar__section-title-wrapper"

View file

@ -33,6 +33,7 @@ export default class Sidebar {
sidebarToggler: 'docs-sidebar__toggler', sidebarToggler: 'docs-sidebar__toggler',
sidebarContent: 'docs-sidebar__content', sidebarContent: 'docs-sidebar__content',
sidebarContentHidden: 'docs-sidebar__content--hidden', sidebarContentHidden: 'docs-sidebar__content--hidden',
sidebarContentInvisible: 'docs-sidebar__content--invisible',
}; };
} }
@ -173,6 +174,6 @@ export default class Sidebar {
* @returns {void} * @returns {void}
*/ */
ready() { ready() {
this.nodes.sidebarContent.classList.remove(Sidebar.CSS.sidebarContentHidden); this.nodes.sidebarContent.classList.remove(Sidebar.CSS.sidebarContentInvisible);
} }
} }

View file

@ -25,6 +25,10 @@
&--hidden { &--hidden {
display: none; display: none;
} }
&--invisible {
visibility: hidden;
}
} }
@ -58,7 +62,7 @@
} }
&__section:not(:first-child) { &__section:not(:first-child) {
margin-top: 20px; margin-top: 19px;
} }
&__section-title { &__section-title {