toc indentation and mobile adaptation

2026-03-18 21:30:36 +01:00 · 2024-07-02 15:08:41 +02:00
parent 947c7e5b25
commit d09d71658e
1 changed files with 27 additions and 1 deletions
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -60,16 +60,42 @@
    padding-left: 0;
  }
  .toc ul ul {
-    padding-left: 20px;
+    padding-left: 5px;
  }
  .content {
    margin-left: 270px;
    padding: 20px;
    flex: 1;
+    transition: margin-left 0.3s ease;
  }
  .toc.collapsed + .content {
    margin-left: 20px;
  }
+
+  @media (max-width: 768px) {
+    .toc {
+      width: 100%;
+      height: auto;
+      position: relative;
+      transform: none;
+      padding: 10px;
+    }
+    .toc-toggle-button {
+      position: static;
+      width: 100%;
+      margin: 0;
+      padding: 10px;
+      text-align: center;
+      transition: none;
+    }
+    .content {
+      margin-left: 0;
+      padding: 10px;
+    }
+    .toc.collapsed {
+      display: none;
+    }
+  }
 </style>

 <body>