Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-07-18 20:59:42 +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',
sidebarAnimated: 'docs-sidebar--animated',
sidebarContent: 'docs-sidebar__content',
sidebarContentHidden: 'docs-sidebar__content--hidden',
sidebarContentVisible: 'docs-sidebar__content--visible',
sidebarContentInvisible: 'docs-sidebar__content--invisible',
};
}
@ -182,7 +182,7 @@ export default class Sidebar {
* @returns {void}
*/
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;
}
@media (--mobile){
@media (--mobile) {
margin: 0 -8px;
display: none;
}
&--hidden {
display: none;
&--visible {
display: block;
}
&--invisible {