Fix post-article with section-nav overlay-issue

Author: FawzyMokhtar

src/styles/components/_doc-navigator.scss

@@ -32,3 +32,10 @@
     }
   }
 }
+
+@include screen-min-md {
+  .doc-prev-next {
+    /* 100% of parent - section-nav-width - 4rem for margins & paddings */
+    max-width: calc(100% - #{$section-nav-width});
+  }
+}

src/styles/components/_post-article.scss

@@ -59,3 +59,11 @@ app-post-article {
     }
   }
 }
+
+@include screen-min-md {
+  app-post-article {
+    /* 100% of parent - side-nav-width - section-nav-width - 5rem for margins & paddings */
+    width: calc(100vw - #{$side-nav-width} - #{$section-nav-width} - 5rem);
+    max-width: calc(100vw - #{$side-nav-width} - #{$section-nav-width} - 5rem);
+  }
+}

src/styles/components/_section-nav.scss

@@ -2,7 +2,7 @@ app-post-section-navigator {
   position: sticky;
   top: calc(#{$top-navbar-height} + #{$main-content-top-spacing});
   right: 0;
-  left: auto;
+  left: calc(100% - #{$section-nav-width});
   max-height: calc(100vh - 3rem);
   max-width: $section-nav-width;
   min-width: $section-nav-width;