浏览代码

HUE-6424 [assist] Style the table list in the assistant

Johan Ahlen 8 年之前
父节点
当前提交
bb191d2

文件差异内容过多而无法显示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


文件差异内容过多而无法显示
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 17 - 1
desktop/core/src/desktop/static/desktop/less/hue-assist.less

@@ -872,13 +872,29 @@
   left: 0;
 
   .assist-flex-panel > div {
-    padding-left: 10px;
+    margin-left: 10px;
   }
 
   .assist-no-entries {
     padding: 5px 10px;
   }
 
+  .statement-count {
+    float: right;
+    margin-right: 20px;
+    font-weight: normal;
+    color: @cui-gray-600;
+  }
+
+  .assist-active-tables {
+    list-style: none;
+    margin: 0;
+
+    li {
+      padding: 0 10px;
+    }
+  }
+
   .risk-list {
     list-style: none;
     margin: 0 0 0 10px;

+ 7 - 4
desktop/core/src/desktop/templates/assist.mako

@@ -1784,11 +1784,14 @@ from notebook.conf import get_ordered_interpreters
   <script type="text/html" id="assistant-panel-template">
     <div class="assist-inner-panel assist-assistant-panel">
       <div class="assist-flex-panel">
-        <!-- ko if: statementCount() > 1 -->
-        <div class="assist-flex-header">${ _('Statement') } <span data-bind="text: activeStatementIndex() + '/' + statementCount()"></span></div>
-        <!-- /ko -->
 
-        <div class="assist-flex-header"><div class="assist-inner-header">${ _('Tables') }</div></div>
+        <div class="assist-flex-header">
+          <div class="assist-inner-header">${ _('Tables') }
+            <!-- ko if: statementCount() > 1 -->
+            <div class="statement-count">${ _('Statement') } <span data-bind="text: activeStatementIndex() + '/' + statementCount()"></span></div>
+            <!-- /ko -->
+          </div>
+        </div>
         <div class="assist-flex-half">
           <!-- ko if: activeTables().length === 0 -->
           <div class="assist-no-entries">${ _('No tables identified.') }</div>

部分文件因为文件数量过多而无法显示