fix sidebar scrolling

Signed-off-by: Anders Näsman <andersn@spotify.com>
2022-03-03 10:31:17 +01:00
parent 42bccf5a8b
commit 7b2e356341
1 changed files with 10 additions and 2 deletions
@@ -442,12 +442,14 @@ export const useTechDocsReaderDom = (
            }

            .md-sidebar {
-              height: calc(100% - 100px);
+              bottom: 75px;
              position: fixed;
              width: 16rem;
+              overflow-y: auto;
+              overflow-x: hidden;
            }
            .md-sidebar .md-sidebar__scrollwrap {
-              max-height: calc(100% - 100px);
+              width: calc(16rem - 16px);
            }
            .md-sidebar--secondary {
              right: ${theme.spacing(3)}px;
@@ -474,6 +476,12 @@ export const useTechDocsReaderDom = (
              background-color: unset;
            }

+            @media screen and (min-width: 76.25em) {
+              .md-sidebar {
+                height: auto;
+              }
+            }
+            
            @media screen and (max-width: 76.1875em) {
              .md-nav {
                transition: none !important;