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:
parent
30d96909d3
commit
378bcc0b78
3 changed files with 8 additions and 3 deletions
|
@ -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"
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue