Docs mobile scroll bug - Fixed

8 years ago · d7e9916f17
3 changed files with 7 additions and 5 deletions
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.css
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.css
@ -67,7 +67,8 @@
        height: 100vh; }
        .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list > ul {
          display: block;
-          height: calc(100vh - 210px); }
+          height: calc(100vh - 220px);
+          overflow-y: auto; }
        .docs-page .docs-sidebar .docs-sidebar-wrapper .docs-tree-list ul {
          font-size: .935em;
          list-style: none;
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.min.css
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.min.css
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.scss
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.scss
@ -101,8 +101,9 @@ body {
                height: 100vh;

                > ul {
-                    display: block;
-                    height: calc(100vh - 210px);
+                    display: block; 
+                    height: calc(100vh - 220px);
+                    overflow-y: auto;
                }

                ul {
@ -259,7 +260,7 @@ body {
    }

    .docs-content {
-        overflow-x:scroll;
+        overflow-x: scroll;

        .docs-link-btns {
            border-bottom: 1px solid #f4f5f7;