Dashboard example: use the core `.position-sticky` class. (#30408)

diff --git a/site/content/docs/4.3/examples/dashboard/dashboard.css b/site/content/docs/4.3/examples/dashboard/dashboard.css
index ef196319a79cd6639ff8ca9814b80a93878bcb99..7e3ac226d34e85c714f895fe3098a82bc06610cd 100644 (file)
--- a/site/content/docs/4.3/examples/dashboard/dashboard.css
+++ b/site/content/docs/4.3/examples/dashboard/dashboard.css
@@ -37,13 +37,6 @@ body {
   overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
 }
 
-@supports ((position: -webkit-sticky) or (position: sticky)) {
-  .sidebar-sticky {
-    position: -webkit-sticky;
-    position: sticky;
-  }
-}
-
 .sidebar .nav-link {
   font-weight: 500;
   color: #333;

diff --git a/site/content/docs/4.3/examples/dashboard/index.html b/site/content/docs/4.3/examples/dashboard/index.html
index a21af0186abe47b6c214d1706f1fd94ee2190ec5..6e549e6de751a8757d07b81552d0fa162a561647 100644 (file)
--- a/site/content/docs/4.3/examples/dashboard/index.html
+++ b/site/content/docs/4.3/examples/dashboard/index.html
@@ -27,7 +27,7 @@ extra_js:
 <div class="container-fluid">
   <div class="row">
     <nav id="sidebarMenu" class="col-md-2 d-md-block bg-light sidebar collapse">
-      <div class="sidebar-sticky">
+      <div class="position-sticky">
         <ul class="nav flex-column">
           <li class="nav-item">
             <a class="nav-link active" aria-current="page" href="#">