diff options
author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2020-02-25 18:32:23 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2020-03-09 17:08:41 +0300 |
commit | 81ba76bb3cf61055de7f40bdac5631db96d56f82 (patch) | |
tree | 2fef6e1308e10449375034c9b8a622509637f565 /site/docs/4.4 | |
parent | 39ac525f6e98086f406b4c2be3cf555432a506e0 (diff) |
CSS & alignment tweaks
Diffstat (limited to 'site/docs/4.4')
-rw-r--r-- | site/docs/4.4/examples/dashboard/dashboard.css | 19 | ||||
-rw-r--r-- | site/docs/4.4/examples/dashboard/index.html | 4 |
2 files changed, 4 insertions, 19 deletions
diff --git a/site/docs/4.4/examples/dashboard/dashboard.css b/site/docs/4.4/examples/dashboard/dashboard.css index 2ca0a4e0eb..b71942ad1c 100644 --- a/site/docs/4.4/examples/dashboard/dashboard.css +++ b/site/docs/4.4/examples/dashboard/dashboard.css @@ -28,7 +28,6 @@ body { } } - .sidebar-sticky { position: relative; top: 0; @@ -70,20 +69,6 @@ body { } /* - * Content - */ - -[role="main"] { - padding-top: 133px; /* Space for fixed navbar */ -} - -@media (min-width: 768px) { - [role="main"] { - padding-top: 48px; /* Space for fixed navbar */ - } -} - -/* * Navbar */ @@ -96,8 +81,8 @@ body { } .navbar .navbar-toggler { - top: 4px; - right: 4px; + top: .25rem; + right: 1rem; } .navbar .form-control { diff --git a/site/docs/4.4/examples/dashboard/index.html b/site/docs/4.4/examples/dashboard/index.html index 998364ae3d..560d28ee1d 100644 --- a/site/docs/4.4/examples/dashboard/index.html +++ b/site/docs/4.4/examples/dashboard/index.html @@ -8,7 +8,7 @@ extra_js: - "dashboard.js" --- -<nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow"> +<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow"> <a class="navbar-brand col-md-2 mr-0" href="#">Company name</a> <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-toggle="collapse" data-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> @@ -99,7 +99,7 @@ extra_js: </div> </nav> - <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4"> + <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-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"> |