Fix the width available to page content (#5299)

Signed-off-by: Miki <[email protected]> (cherry picked from commit aba231e) Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
opensearch-project · Oct 18, 2023 · efc2c5c · efc2c5c
1 parent 78a1ae9
commit efc2c5c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/_sass/_nested-nav.scss b/_sass/_nested-nav.scss
@@ -69,6 +69,13 @@
         }
       }
 
+      &:last-child {
+        > ul {
+          right: .5em;
+          left: auto;
+        }
+      }
+
       &:hover {
         > ul {
           display: block;

diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
@@ -266,7 +266,8 @@ img {
   position: fixed;
   bottom: 30px;
   right: 16px;
-  z-index: 1;
+  z-index: 999;
+
   svg {
     transform: rotate(-90deg);
   }
@@ -495,6 +496,10 @@ p.label {
 // Adds TOC to right hand side in xl layout
 .main-content-wrap {
   width: 100%;
+
+  @include mq(xl) {
+    width: calc(100% - #{$toc-width});
+  }
 }
 
 .toc-wrap {