dashboard position fixed, some styling

a-straus · May 1, 2020 · 23966f0 · 23966f0
1 parent 6a9080a
commit 23966f0
Showing 1 changed file with 5 additions and 18 deletions.
diff --git a/stylesheets/styles.scss b/stylesheets/styles.scss
@@ -39,6 +39,7 @@ body {
   display: flex;
   flex-direction: row;
   justify-content: center;
+  padding-top: 4em;
 }
 
 //for My Cluster page
@@ -47,24 +48,6 @@ body {
   flex-direction: row;
 }
 
-//Dashboard/left navbar
-.dashboard {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background-color: #001e3f;
-  width: 200px;
-  font-family: $quicksand;
-  .logo {
-    width: 100px;
-    height: 100px;
-    margin: 30px;
-  }
-  .nav-link {
-    margin: 1em 0 0 0; //top right bottom left
-  }
-}
-
 //////////////
 //Home page
 //////////////
@@ -86,6 +69,10 @@ body {
 #navbarHome {
   background-color: $navy;
   padding: 0.5em;
+  opacity: 0.95;
+  position: fixed;
+  width: 100%;
+  z-index: 10; //appear over all other components
   -webkit-box-shadow: 0 9px 6px -6px #999;
   -moz-box-shadow: 0 9px 6px -6px #999;
   box-shadow: 0 9px 6px -6px #999;