diff options
| author | Mark Otto <[email protected]> | 2018-04-01 18:14:07 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2018-04-01 18:14:07 -0700 |
| commit | e47fb40ff250a82bcd24577e0073ce8aa147ef0f (patch) | |
| tree | e6ffcd42aa0a125a9ff16e155bc8ba78153f40d2 /docs/4.0/examples/dashboard/index.html | |
| parent | a0c7473a34082edcb9ca4097eccdf2f6c42af55e (diff) | |
| download | bootstrap-e47fb40ff250a82bcd24577e0073ce8aa147ef0f.tar.xz bootstrap-e47fb40ff250a82bcd24577e0073ce8aa147ef0f.zip | |
Dashboard updates (#26179)
* 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
* Add .w-100 to chart to fix IE horizontal scroll from label that extended past viewport
Diffstat (limited to 'docs/4.0/examples/dashboard/index.html')
| -rw-r--r-- | docs/4.0/examples/dashboard/index.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/docs/4.0/examples/dashboard/index.html b/docs/4.0/examples/dashboard/index.html index d5df44f84..d96d2d8d9 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 @@ </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"> @@ -120,7 +120,7 @@ </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"> |