Always show TOC and move it to bottom on mobile (#2969)

Dieken · web-flow · commit 60aea6541c67 · 2024-02-23T11:11:23.000+01:00
Fixed issue #925.
diff --git a/_sass/layout/inner-main.scss b/_sass/layout/inner-main.scss
@@ -43,6 +43,10 @@
         order: 1;
         margin-bottom: 30px;
       }
+
+      @include bp(medium) {
+        order: 3; // move TOC to the bottom on mobile
+      }
     }
 
     .content-nav-blog {
diff --git a/_sass/layout/toc.scss b/_sass/layout/toc.scss
@@ -11,10 +11,6 @@
     position: relative;
   }
 
-  @include bp(medium) {
-    display: none;
-  }
-
   .contents {
     font-weight: 700;
   }

Original file line number	Diff line number	Diff line change
`@@ -43,6 +43,10 @@`
`43`	`43`	`order: 1;`
`44`	`44`	`margin-bottom: 30px;`
`45`	`45`	`}`
	`46`	`+`
	`47`	`+ @include bp(medium) {`
	`48`	`+ order: 3; // move TOC to the bottom on mobile`
	`49`	`+ }`
`46`	`50`	`}`
`47`	`51`
`48`	`52`	`.content-nav-blog {`