fix: sidebar toggle on list and single page

razonyang · Aug 19, 2024 · f8b09f2 · f8b09f2
1 parent de4f446
commit f8b09f2
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/assets/main/init/index.ts b/assets/main/init/index.ts
@@ -1,7 +1,7 @@
 import { default as LocalStorage } from "js/local-storage";
 
 (() => {
-  if (LocalStorage.getItem('sidebar-toggle') !== null) {
+  if (LocalStorage.getItem('sidebar-toggle') !== null && document.querySelector('main')?.getAttribute('data-kind') === 'page') {
     document.querySelector('main')?.classList.add('sidebar-none')
   }
 })()
diff --git a/assets/main/scss/_sidebar.scss b/assets/main/scss/_sidebar.scss
@@ -14,5 +14,11 @@ main {
     .sidebar {
       display: none !important;
     }
+
+    .content {
+      > div:first-of-type {
+        width: 100%!important;
+      }
+    }
   }
 }
diff --git a/assets/templates/staticman/comments.html b/assets/templates/staticman/comments.html
@@ -21,7 +21,7 @@
   <body>
     {{- partial "header.html" . }}
     {{- partial "hooks/main-begin" . }}
-    <main class="{{- partialCached "functions/container-class" . .FirstSection -}}">
+    <main class="{{- partialCached "functions/container-class" . .FirstSection -}}" data-kind="{{ .Kind }}">
       {{- partialCached "assets/main/init-js" . }}
       <div class="row content">
         {{- partialCached "noscript" . .Language.Lang }}

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -17,7 +17,7 @@
     {{- partial "hooks/body-begin" . }}
     {{- partial "header.html" . }}
     {{- partial "hooks/main-begin" . }}
-    <main class="{{- partialCached "functions/container-class" . .FirstSection -}}">
+    <main class="{{- partialCached "functions/container-class" . .FirstSection -}}" data-kind="{{ .Kind }}">
       {{- partialCached "assets/main/init-js" . }}
       <div class="row content">
         {{- partialCached "noscript" . .Language.Lang }}