Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-07-19 21:29:41 +02:00
Code Issues Releases Activity

feat: hide-sidebar-content-on-mobile (#241)

Browse source
This commit is contained in:
YeoKyung Yoon 2022-09-09 20:25:46 +09:00 • committed by GitHub
parent 237db3e472
commit 1bc65be955
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -36,7 +36,7 @@ export default class Sidebar {
sidebarCollapsed: 'docs-sidebar--collapsed', sidebarCollapsed: 'docs-sidebar--collapsed',
sidebarAnimated: 'docs-sidebar--animated', sidebarAnimated: 'docs-sidebar--animated',
sidebarContent: 'docs-sidebar__content', sidebarContent: 'docs-sidebar__content',
sidebarContentHidden: 'docs-sidebar__content--hidden', sidebarContentVisible: 'docs-sidebar__content--visible',
sidebarContentInvisible: 'docs-sidebar__content--invisible', sidebarContentInvisible: 'docs-sidebar__content--invisible',
}; };
} }
@ -182,7 +182,7 @@ export default class Sidebar {
* @returns {void} * @returns {void}
*/ */
toggleSidebar() { toggleSidebar() {
this.nodes.sidebarContent.classList.toggle(Sidebar.CSS.sidebarContentHidden); this.nodes.sidebarContent.classList.toggle(Sidebar.CSS.sidebarContentVisible);
} }
/** /**

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

@ -50,12 +50,13 @@
padding-bottom: 0; padding-bottom: 0;
} }
@media (--mobile){ @media (--mobile) {
margin: 0 -8px; margin: 0 -8px;
display: none;
} }
&--hidden { &--visible {
display: none; display: block;
} }
&--invisible { &--invisible {