Jelajahi Sumber

HUE-6077 [frontend] Moved border to top nav, removed inset shadow

Enrico Berti 8 tahun lalu
induk
melakukan
97b6acb2d9

File diff ditekan karena terlalu besar
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


+ 6 - 0
desktop/core/src/desktop/static/desktop/less/hue-mixins.less

@@ -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; }

+ 6 - 1
desktop/core/src/desktop/static/desktop/less/hue.less

@@ -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;
   position: relative;
   z-index: 1009;
+  .hue-no-box-shadow;
 }
 
 .top-nav-left {

+ 1 - 1
desktop/core/src/desktop/templates/hue.mako

@@ -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 }">

Beberapa file tidak ditampilkan karena terlalu banyak file yang berubah dalam diff ini