fix: toc

numtide · Jan 4, 2024 · c915ca2 · c915ca2
1 parent ccb3727
commit c915ca2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/docs/theme/index.hbs b/docs/theme/index.hbs
@@ -211,13 +211,13 @@
                 </script>
 
                 <div id="content" class="content">
-                    <main>
+                    <main class="flex-container">
+                        <div >
+                            {{{ content }}}
+                        </div>
                         <div class="sidetoc">
                             <nav class="pagetoc"></nav>
                         </div>
-                        <div>
-                            {{{ content }}}
-                        </div>
                     </main>
 
                     <nav class="nav-wrapper" aria-label="Page navigation">

diff --git a/docs/theme/pagetoc.css b/docs/theme/pagetoc.css
@@ -8,26 +8,27 @@ a[class^="pagetoc-H"]:only-child {
     display: none;
 }
 
+main {
+    display: flex;
+    justify-content: left;
+}
+
 .nav-chapters {
     margin-left: 15px;
     min-width: 50px;
 }
 
-@media only screen and (max-width:1511px) {
+@media only screen and (max-width:1499px) {
     .sidetoc {
         display: none;
     }
 }
 
-@media only screen and (min-width:1512px) {
-    main {
-        position: relative;
-    }
+@media only screen and (min-width:1500px) {
     .sidetoc {
-        margin-left: auto;
+        margin-top: 20px;
+        margin-left: 10px;
         margin-right: auto;
-        left: calc(100% + (var(--content-max-width))/4 - 140px);
-        position: absolute;
     }
     .pagetoc {
         position: fixed;