From 6890e2580a5b353e5b14c17deb4eb8b7b0836c16 Mon Sep 17 00:00:00 2001 From: drkthunder02 Date: Fri, 3 Apr 2020 20:20:24 -0500 Subject: [PATCH] side nav bar for admin dashboard --- public/css/admin/dashboard.css | 2 ++ public/css/admin/navbar.css | 61 ---------------------------------- 2 files changed, 2 insertions(+), 61 deletions(-) diff --git a/public/css/admin/dashboard.css b/public/css/admin/dashboard.css index 3c61f8a36..f129efdfc 100644 --- a/public/css/admin/dashboard.css +++ b/public/css/admin/dashboard.css @@ -14,6 +14,7 @@ body { .sidebar { position: fixed; + width: 100px; top: 0; bottom: 0; left: 0; @@ -25,6 +26,7 @@ body { .sidebar-sticky { position: relative; top: 0; + width: 100px; height: calc(100vh - 48px); padding-top: .5rem; overflow-x: hidden; diff --git a/public/css/admin/navbar.css b/public/css/admin/navbar.css index 6d203e3f8..e69de29bb 100644 --- a/public/css/admin/navbar.css +++ b/public/css/admin/navbar.css @@ -1,61 +0,0 @@ -.sidebar { - width: 100px; - position: fixed; - top: 0; - left: 0; - height: 100vh; - z-index: 999; - background: #7386D5; - color: #fff; - transition: all 0.3s; -} - -.sidebar-sticky { - width: 100px; - position: fixed; - top: 0; - left: 0; - height: 100vh; - z-index: 999; - background: #7386D5; - color: #fff; - transition: all 0.3s; -} - - .sidenav { - height: 100%; /* Full-height: remove this if you want "auto" height */ - width: 160px; /* Set the width of the sidebar */ - position: fixed; /* Fixed Sidebar (stay in place on scroll) */ - z-index: 1; /* Stay on top */ - top: 0; /* Stay at the top */ - left: 0; - background-color: #111; /* Black */ - overflow-x: hidden; /* Disable horizontal scroll */ - padding-top: 20px; - } - - /* The navigation menu links */ - .sidenav a { - padding: 6px 8px 6px 16px; - text-decoration: none; - font-size: 25px; - color: #818181; - display: block; - } - - /* When you mouse over the navigation links, change their color */ - .sidenav a:hover { - color: #f1f1f1; - } - - /* Style page content */ - .main { - margin-left: 160px; /* Same as the width of the sidebar */ - padding: 0px 10px; - } - - /* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */ - @media screen and (max-height: 450px) { - .sidenav {padding-top: 15px;} - .sidenav a {font-size: 18px;} - } \ No newline at end of file