From: Mark Otto <markdotto@gmail.com>
Date: Sun, 28 May 2017 00:37:03 +0000 (-0700)
Subject: position the markdown toc on the right for larger screens
X-Git-Tag: v4.0.0-beta~187^2~62
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=33b322e9b529ca9c72df649ac890b2bfe4758a0d;p=thirdparty%2Fbootstrap.git

position the markdown toc on the right for larger screens
---

diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss
index 335bfba071..5af79c6898 100644
--- a/docs/assets/scss/_content.scss
+++ b/docs/assets/scss/_content.scss
@@ -5,6 +5,25 @@
 //
 
 .bd-content {
+  @include media-breakpoint-up(xl) {
+    padding-right: 20%;
+
+    #contents {
+      display: none;
+    }
+    #markdown-toc {
+      position: fixed;
+      top: 5rem;
+      right: 0;
+      width: 20%;
+      max-height: calc(100vh - 8rem);
+      padding-right: 1.5rem;
+      padding-left: 3rem;
+      overflow-y: auto;
+      font-size: .85rem;
+    }
+  }
+
   > table {
     width: 100%;
     max-width: 100%;