Fix dashboard example so that the sticky sidebar has scrollable content (#36608)

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 be8ef6a88cc19c34a32cbfa2976adae9fdfa03d9..bc41cc6043435df492e9612d08d1ba2833c6410f 100644 (file)
--- 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 4426da7fe0677a94cf07618b46d00d5b888aaeb7..ad12048e764608ae6f799553f42040aae34ffaa6 100644 (file)
--- 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 a3f114f0ff196e461d43b7e3b61f19da578dd1a9..31ea3cc64e2e528a691e5bfcc63c2681bf7c64d6 100644 (file)
--- 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 7e083089920fc9e1740c9a2a655d851ee3d3ce42..b3b40c266ce106145c98590691408f3283b36493 100644 (file)
--- 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="#">