diff options
Diffstat (limited to 'docs/4.0/examples/dashboard/dashboard.css')
-rw-r--r-- | docs/4.0/examples/dashboard/dashboard.css | 22 |
1 files changed, 18 insertions, 4 deletions
diff --git a/docs/4.0/examples/dashboard/dashboard.css b/docs/4.0/examples/dashboard/dashboard.css index ef40fe78ff..3918097399 100644 --- a/docs/4.0/examples/dashboard/dashboard.css +++ b/docs/4.0/examples/dashboard/dashboard.css @@ -18,20 +18,26 @@ body { 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; @@ -57,6 +63,14 @@ body { } /* + * Content + */ + +[role="main"] { + padding-top: 48px; /* Space for fixed navbar */ +} + +/* * Navbar */ |