@@ -77,6 +77,12 @@
box-shadow: inset 1px 0 0 rgba(255,255,255,.125)!important;
}
+.hue-no-box-shadow {
+ -webkit-box-shadow: none!important;
+ -moz-box-shadow: none!important;
+ box-shadow: none!important;
+}
+
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
@@ -58,7 +58,6 @@ body {
position: relative;
width: 100%;
background-color: @cui-white;
- border-top: 2px solid @hue-primary-color-dark;
.svg-hue-logo-main {
@@ -69,10 +68,16 @@ body {
fill: @hue-trunk;
+.top-nav-container {
+ border-bottom: 2px solid @hue-primary-color-dark;
+ z-index: 40000;
.top-nav {
.display-flex;
z-index: 1009;
+ .hue-no-box-shadow;
.top-nav-left {
@@ -99,7 +99,7 @@ ${ hueIcons.symbols() }
% endif
<div class="main-page">
- <nav class="navbar">
+ <nav class="navbar top-nav-container">
<div class="navbar-inner top-nav">
<div class="top-nav-left">
<a class="hamburger hamburger-hue pull-left" data-bind="toggle: leftNavVisible, css: { 'is-active': leftNavVisible }">