opendev
/
storyboard-webclient
Code Issues Proposed changes

Add a drop shadow beneath the header navbar 

This provides a clearer visual separation between the navbar and the
rest of the page.

Change-Id: Iba6518b684e7ce3104d8a22b165db25a0a09a587
This commit is contained in:
Adam Coldrick 2018-03-02 12:24:09 +00:00
parent 5cc56c6253
commit f21410ba22
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/theme/base/bootstrap/_navbar.scss
View File

@ -1,3 +1,11 @@
/**
* Header navbar.
*/
nav.navbar {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
z-index: 1000;
}
/**
* A side-locked navbar.
*/
@ -48,7 +56,7 @@ nav.sidebar {
}
&.active {
z-index: 1000;
z-index: 500;
background-color: $sidebar-link-color;
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.75);
}
@ -152,4 +160,4 @@ nav.has-submenu > nav.submenu {
width: $sidebar-submenu-width-md;
left: $sidebar-width-md;
}
}
}