diff options
| author | Tech Vanity <3677993+techvanity@users.noreply.github.com> | 2022-06-29 19:33:23 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-06-29 19:33:23 +0300 |
| commit | d4aee02458a8901af3b1092f20f31e66a9342ae9 (patch) | |
| tree | 4ed4c62916a3bd3d473983fbf643fdae58c6e29b | |
| parent | 7f70fcab0f13594ab2ba53141452ed3553715340 (diff) | |
Fix dashboard example so that the sticky sidebar has scrollable content (#36608)
4 files changed, 2 insertions, 8 deletions
diff --git a/site/content/docs/5.2/examples/dashboard-rtl/index.html b/site/content/docs/5.2/examples/dashboard-rtl/index.html index be8ef6a88c..bc41cc6043 100644 --- a/site/content/docs/5.2/examples/dashboard-rtl/index.html +++ b/site/content/docs/5.2/examples/dashboard-rtl/index.html @@ -28,7 +28,7 @@ extra_js: <div class="container-fluid"> <div class="row"> <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse"> - <div class="position-sticky pt-3"> + <div class="position-sticky pt-3 sidebar-sticky"> <ul class="nav flex-column"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="#"> diff --git a/site/content/docs/5.2/examples/dashboard/dashboard.css b/site/content/docs/5.2/examples/dashboard/dashboard.css index 4426da7fe0..ad12048e76 100644 --- a/site/content/docs/5.2/examples/dashboard/dashboard.css +++ b/site/content/docs/5.2/examples/dashboard/dashboard.css @@ -32,10 +32,7 @@ body { } .sidebar-sticky { - position: relative; - top: 0; height: calc(100vh - 48px); - padding-top: .5rem; overflow-x: hidden; overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ } diff --git a/site/content/docs/5.2/examples/dashboard/dashboard.rtl.css b/site/content/docs/5.2/examples/dashboard/dashboard.rtl.css index a3f114f0ff..31ea3cc64e 100644 --- a/site/content/docs/5.2/examples/dashboard/dashboard.rtl.css +++ b/site/content/docs/5.2/examples/dashboard/dashboard.rtl.css @@ -28,10 +28,7 @@ body { } .sidebar-sticky { - position: relative; - top: 0; height: calc(100vh - 48px); - padding-top: .5rem; overflow-x: hidden; overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ } diff --git a/site/content/docs/5.2/examples/dashboard/index.html b/site/content/docs/5.2/examples/dashboard/index.html index 7e08308992..b3b40c266c 100644 --- a/site/content/docs/5.2/examples/dashboard/index.html +++ b/site/content/docs/5.2/examples/dashboard/index.html @@ -27,7 +27,7 @@ extra_js: <div class="container-fluid"> <div class="row"> <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse"> - <div class="position-sticky pt-3"> + <div class="position-sticky pt-3 sidebar-sticky"> <ul class="nav flex-column"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="#"> |