From d4aee02458a8901af3b1092f20f31e66a9342ae9 Mon Sep 17 00:00:00 2001
From: Tech Vanity <3677993+techvanity@users.noreply.github.com>
Date: Wed, 29 Jun 2022 21:33:23 +0500
Subject: [PATCH] Fix dashboard example so that the sticky sidebar has
 scrollable content (#36608)

---
 site/content/docs/5.2/examples/dashboard-rtl/index.html    | 2 +-
 site/content/docs/5.2/examples/dashboard/dashboard.css     | 3 ---
 site/content/docs/5.2/examples/dashboard/dashboard.rtl.css | 3 ---
 site/content/docs/5.2/examples/dashboard/index.html        | 2 +-
 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="#">