Przeglądaj źródła

HUE-3294 [editor] Add border to top bar

Johan Ahlen 9 lat temu
rodzic
commit
11d4c11

+ 4 - 1
desktop/core/src/desktop/static/desktop/css/responsive.css

@@ -466,7 +466,7 @@ body {
   width: 100%;
   overflow-x: hidden;
   overflow-y: auto;
-  border: none;
+  border: none !important;
 }
 
 .assist-function-categories,
@@ -957,8 +957,11 @@ h6 {
 /* styling for the imported apps */
 
 .page-content .navbar-inner {
+  margin: 10px 10px 0 10px;
   background-color: transparent;
   border: none;
+  border-bottom: 1px solid #f1f1f1;
+  padding-bottom: 8px;
 }
 
 .page-content .navbar.navbar-inverse.navbar-fixed-top {

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

@@ -268,7 +268,7 @@ ${ hueIcons.symbols() }
       onPosition: function() { huePubSub.publish('split.draggable.position') }
     }"><div class="resize-bar" style="right: 0">&nbsp;</div></div>
 
-    <div class="right-panel" data-bind="visible: { 'side-panel-closed': !rightAssistVisible() }">
+    <div class="right-panel" data-bind="css: { 'side-panel-closed': !rightAssistVisible() }">
       <a href="javascript:void(0);" style="display: none;" title="${_('Show Assist')}" class="pointer side-panel-toggle show-right-side-panel" data-bind="visible: ! rightAssistVisible(), toggle: rightAssistVisible"><i class="fa fa-chevron-left"></i></a>
       <a href="javascript:void(0);" style="display: none;" title="${_('Hide Assist')}" class="pointer side-panel-toggle hide-right-side-panel" data-bind="visible: rightAssistVisible, toggle: rightAssistVisible"><i class="fa fa-chevron-right"></i></a>