Jelajahi Sumber

HUE-6671 [editor] The metadata notifier should be aligned to the right snippet headers

Enrico Berti 8 tahun lalu
induk
melakukan
3ad78b7

File diff ditekan karena terlalu besar
+ 0 - 0
desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css


+ 11 - 8
desktop/libs/notebook/src/notebook/static/notebook/less/notebook.less

@@ -1179,15 +1179,19 @@
     color: #c09853;
   }
 
+  .optimizer-container {
+    margin-top: -11px;
+    font-size: 15px;
+  }
+
   .round-icon {
     display: inline-block;
     width: 16px;
     height: 16px;
     text-align: center;
     line-height: 16px;
-    border-radius: 8px;
-    font-size: 12px;
-    color: #FFF;
+    //border-radius: 8px;
+    font-size: 14px;
     opacity: .8;
     cursor: pointer;
     margin-bottom: 12px;
@@ -1195,20 +1199,19 @@
       width: 1px;
     }
     &.idle {
-      background-color: #CCC;
+      color: #CCC;
     }
     &:hover {
       opacity: 1;
     }
     &.success {
-      background-color: #468847;
+      color: #468847;
     }
     &.warning {
-      background-color: #f0c36d;
-      color: #FFF;
+      color: #f0c36d;
     }
     &.error {
-      background-color: #b94a48;
+      color: #b94a48;
     }
   }
 

+ 1 - 9
desktop/libs/notebook/src/notebook/templates/editor_components.mako

@@ -971,7 +971,7 @@ from notebook.conf import ENABLE_QUERY_BUILDER, ENABLE_QUERY_SCHEDULING, ENABLE_
 
 <script type="text/html" id="code-editor-snippet-body${ suffix }">
   <!-- ko if: HAS_OPTIMIZER && (type() == 'impala' || type() == 'hive') -->
-  <div data-bind="css: { 'active': showOptimizer }">
+  <div class="optimizer-container" data-bind="css: { 'active': showOptimizer }">
     <div class="round-icon empty">&nbsp;</div>
     <!-- ko if: hasSuggestion() == null -->
     <div class="round-icon idle">
@@ -1069,14 +1069,6 @@ from notebook.conf import ENABLE_QUERY_BUILDER, ENABLE_QUERY_SCHEDULING, ENABLE_
         <span class="optimizer-explanation alert-success alert-neutral">${ _('Query validated.') }</span>
       <!-- /ko -->
     <!-- /ko -->
-    <!-- ko if: hasSuggestion() == 'error'  -->
-      <div class="round-icon idle" data-bind="click: function(){ showOptimizer(! showOptimizer()) }, attr: { 'title': showOptimizer() ? '${ _ko('Close Validator') }' : '${ _ko('Open Validator') }'}">
-        <i class="fa"></i>
-      </div>
-      <!-- ko if: showOptimizer -->
-        <span class="optimizer-explanation alert-neutral">${ _('Not validated.') }</span>
-      <!-- /ko -->
-    <!-- /ko -->
   </div>
   <!-- /ko -->
 

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