From 17048ea07838f3d1ae68459e1a3c769f47032fda Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 1 Apr 2018 13:41:23 -0700
Subject: [PATCH 1/3] Update Dashboard example

- Replaces .sticky-top on .navbar with .fixed-top
- Adjusts padding on main content area and sidebar to account for fixed navbar
- Move to padding in sidebar instead of top: 48px; fixes Firefox rendering issue
- Adds new .shadow utility for a little extra cherry on top
- Moves sticky styles to separate feature query ruleset to avoid IE rendering issues
---
 docs/4.0/examples/dashboard/dashboard.css | 24 ++++++++++++++++++-----
 docs/4.0/examples/dashboard/index.html    |  6 +++---
 2 files changed, 22 insertions(+), 8 deletions(-)
diff --git a/docs/4.0/examples/dashboard/dashboard.css b/docs/4.0/examples/dashboard/dashboard.css
index ef40fe78ffbe..e1211e772d41 100644
--- a/docs/4.0/examples/dashboard/dashboard.css
+++ b/docs/4.0/examples/dashboard/dashboard.css
@@ -15,23 +15,29 @@ body {
 .sidebar {
   position: fixed;
   top: 0;
-  bottom: 0;
+  bottom: 0;]
   left: 0;
   z-index: 100; /* Behind the navbar */
-  padding: 0;
+  padding: 48px 0 0; /* Height of navbar */
   box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
 }
 
 .sidebar-sticky {
-  position: -webkit-sticky;
-  position: sticky;
-  top: 48px; /* Height of navbar */
+  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. */
 }
 
+@supports ((position: -webkit-sticky) or (position: sticky)) {
+  .sidebar-sticky {
+    position: -webkit-sticky;
+    position: sticky;
+  }
+}
+
 .sidebar .nav-link {
   font-weight: 500;
   color: #333;
@@ -56,6 +62,14 @@ body {
   text-transform: uppercase;
 }
 
+/*
+ * Content
+ */
+
+[role="main"] {
+  padding-top: 48px; /* Space for fixed navbar */
+}
+
 /*
  * Navbar
  */
diff --git a/docs/4.0/examples/dashboard/index.html b/docs/4.0/examples/dashboard/index.html
index d5df44f84904..3bd1b7613e42 100644
--- a/docs/4.0/examples/dashboard/index.html
+++ b/docs/4.0/examples/dashboard/index.html
@@ -17,7 +17,7 @@
   </head>
 
   <body>
-    <nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
+    <nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow">
       <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">Company name</a>
       <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">
       <ul class="navbar-nav px-3">
@@ -105,8 +105,8 @@ <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-
           </div>
         </nav>
 
-        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
-          <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
+        <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
+          <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
             <h1 class="h2">Dashboard</h1>
             <div class="btn-toolbar mb-2 mb-md-0">
               <div class="btn-group mr-2">

From ad15afb49369bd17d2b111bd5d405ec217a25536 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 1 Apr 2018 13:45:13 -0700
Subject: [PATCH 2/3] Add .w-100 to chart to fix IE horizontal scroll from
 label that extended past viewport

---
 docs/4.0/examples/dashboard/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/4.0/examples/dashboard/index.html b/docs/4.0/examples/dashboard/index.html
index 3bd1b7613e42..d96d2d8d9ded 100644
--- a/docs/4.0/examples/dashboard/index.html
+++ b/docs/4.0/examples/dashboard/index.html
@@ -120,7 +120,7 @@ <h1 class="h2">Dashboard</h1>
             </div>
           </div>
 
-          <canvas class="my-4" id="myChart" width="900" height="380"></canvas>
+          <canvas class="my-4 w-100" id="myChart" width="900" height="380"></canvas>
 
           <h2>Section title</h2>
           <div class="table-responsive">

From 9e2ea9498abdbdc4e0ebfff74ae50ff98aa26a3e Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 1 Apr 2018 14:54:37 -0700
Subject: [PATCH 3/3] remove rando character

---
 docs/4.0/examples/dashboard/dashboard.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/4.0/examples/dashboard/dashboard.css b/docs/4.0/examples/dashboard/dashboard.css
index e1211e772d41..39180973996c 100644
--- a/docs/4.0/examples/dashboard/dashboard.css
+++ b/docs/4.0/examples/dashboard/dashboard.css
@@ -15,7 +15,7 @@ body {
 .sidebar {
   position: fixed;
   top: 0;
-  bottom: 0;]
+  bottom: 0;
   left: 0;
   z-index: 100; /* Behind the navbar */
   padding: 48px 0 0; /* Height of navbar */
