Эх сурвалжийг харах

HUE-6077 [frontend] Pretty nav-pills on the right panel

Enrico Berti 8 жил өмнө
parent
commit
bfb8d9ebdd

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 19 - 9
desktop/core/src/desktop/static/desktop/less/hue-assist.less

@@ -39,19 +39,25 @@
 }
 
 .right-panel-tabs {
-  margin-top: 16px;
+  margin-top: 5px;
   border-bottom: 1px solid @cui-default-border-color;
-  padding-left: 14px;
+  padding-left: 20px;
   text-align: center;
   & > li {
+    padding-bottom: 8px;
     & > a {
-      font-size: 13px;
-      padding: 6px 5px 8px 5px;
+      font-size: 14px;
+      padding: 10px;
       margin-bottom: 0;
+      color: @cui-gray-600;
+      background-color: @cui-white;
     }
   }
-  & > li.active > a {
-    padding: 6px 5px 8px 5px;
+  & > li.active > a, & > li.active > a:hover, & > li.active > a:focus {
+    padding: 10px;
+    font-weight: bold;
+    color: @hue-primary-color-dark;
+    background-color: @cui-white;
   }
 }
 
@@ -64,6 +70,10 @@
   overflow-y: auto;
   border: none !important;
   padding: 10px;
+  padding-top: 20px;
+  .assist-inner-panel {
+    top: 20px;
+  }
 }
 
 .assist-function-categories,
@@ -225,10 +235,10 @@
 
 .assist-panel-switches {
   position: relative;
-  .flex(0 0 52px);
-  line-height: 52px;
+  .flex(0 0 49px);
+  line-height: 49px;
   padding-left: 12px;
-  height: 52px;
+  height: 49px;
   border-bottom: 1px solid @cui-default-border-color;
   padding-right: 15px;
 }

+ 1 - 0
desktop/core/src/desktop/static/desktop/less/hue-cui-overrides.less

@@ -28,6 +28,7 @@
 
   ul.nav li {
     margin-right: 10px;
+    line-height: 19px;
   }
 
   ul.nav li a:hover {

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

@@ -327,7 +327,7 @@ body {
     padding-top: 0;
     padding-bottom: 0;
     background: none;
-    min-height: 51px;
+    min-height: 48px;
   }
 }
 
@@ -337,7 +337,6 @@ body {
     margin-bottom: 15px;
     text-align: center;
   }
-
   a {
     .pointer
   }

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

@@ -312,7 +312,7 @@ ${ hueIcons.symbols() }
       <a href="javascript:void(0);" style="display: none; opacity: 0;" title="${_('Hide Assist')}" class="pointer side-panel-toggle hide-right-side-panel" data-bind="visible: rightAssistVisible() && rightAssistAvailable(), toggle: rightAssistVisible"><i class="fa fa-chevron-right"></i></a>
 
       <div data-bind="visible: rightAssistVisible() && rightAssistAvailable()" style="display: none; height: 100%; width: 100%; position: relative;">
-        <ul class="right-panel-tabs nav nav-tabs">
+        <ul class="right-panel-tabs nav nav-pills">
           <li data-bind="css: { 'active' : activeRightTab() === 'assistant' }, visible: assistantAvailable"><a href="javascript: void(0);" data-bind="click: function() { activeRightTab('assistant'); }">${ _('Assistant') }</a></li>
           <li data-bind="css: { 'active' : activeRightTab() === 'functions' }"><a href="javascript: void(0);" data-bind="click: function() { activeRightTab('functions'); }">${ _('Functions') }</a></li>
           <li data-bind="css: { 'active' : activeRightTab() === 'schedules' }"><a href="javascript: void(0);" data-bind="click: function() { activeRightTab('schedules'); }">${ _('Schedule') }</a></li>

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
desktop/libs/dashboard/src/dashboard/static/dashboard/css/search.css


Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css


+ 0 - 1
desktop/libs/notebook/src/notebook/static/notebook/less/notebook.less

@@ -847,7 +847,6 @@
   }
 
   .navbar .editor-nav > li > a, .navbar .editor-nav > li > a:hover {
-    border-bottom: 2px solid transparent;
     color: #737373;
     cursor: default;
   }

Энэ ялгаанд хэт олон файл өөрчлөгдсөн тул зарим файлыг харуулаагүй болно