diff options
| author | Tech Vanity <[email protected]> | 2022-06-29 21:33:23 +0500 |
|---|---|---|
| committer | GitHub <[email protected]> | 2022-06-29 18:33:23 +0200 |
| commit | d4aee02458a8901af3b1092f20f31e66a9342ae9 (patch) | |
| tree | 4ed4c62916a3bd3d473983fbf643fdae58c6e29b | |
| parent | 7f70fcab0f13594ab2ba53141452ed3553715340 (diff) | |
| download | bootstrap-d4aee02458a8901af3b1092f20f31e66a9342ae9.tar.xz bootstrap-d4aee02458a8901af3b1092f20f31e66a9342ae9.zip | |
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 be8ef6a88..bc41cc604 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 4426da7fe..ad12048e7 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 a3f114f0f..31ea3cc64 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 7e0830899..b3b40c266 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="#"> |