Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-06 14:05:22 +02:00
Code Issues Releases Activity

Fix sidebar

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
src/backend/views/components/sidebar.twig
View file

@ -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"

3
src/frontend/js/modules/sidebar.js
View file

@ -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);
}
}

6
src/frontend/styles/components/sidebar.pcss
View file

@ -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 {