فهرست منبع

HUE-6077 [frontend] Fix breadcrumbs for Metastore and remove CSS leak

Enrico Berti 8 سال پیش
والد
کامیت
b9a6e1b

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
apps/metastore/src/metastore/static/metastore/css/metastore.css


+ 4 - 22
apps/metastore/src/metastore/static/metastore/less/metastore.less

@@ -17,26 +17,9 @@
 */
 
 @import (reference) "hue-mixins.less";
-@import (reference) "hue-mixins.less";
-
-.hue-breadcrumbs-bar {
-  padding: 0;
-}
-
-.hue-breadcrumbs-bar li {
-  padding: 12px;
-}
-
-.hue-breadcrumbs-bar li:first-child {
-  padding-left: 0;
-}
-
-.hue-breadcrumbs-bar a {
-  color: @hue-primary-color-dark !important;
-  display: inline !important;
-}
 
 .divider {
+  padding-left: 12px;
   color: #CCC;
 }
 
@@ -145,17 +128,16 @@ h2.card-heading {
 }
 
 .editable-breadcrumb-input input {
-  font-size: 22.75px;
-  height: 36px;
+  font-size: 24px;
   margin: 0;
-  margin-top: 3px;
+  margin-top: 1px;
   padding-left: 11px;
   border-radius: 2px;
   border: 1px solid #EEE;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
-  font-weight: 300;
+  font-weight: 400;
 }
 
 .acl-panel {

+ 12 - 9
apps/metastore/src/metastore/templates/metastore.mako

@@ -75,21 +75,24 @@ ${ components.menubar() }
 <script type="text/html" id="metastore-breadcrumbs">
   <ul class="nav nav-pills hue-breadcrumbs-bar" id="breadcrumbs">
     <li>
-      <a href="javascript:void(0);" data-bind="click: databasesBreadcrumb">${_('Databases')}</a>
-      <!-- ko if: database -->
-      <span class="divider">&gt;</span>
-      <!-- /ko -->
+      <a href="javascript:void(0);" data-bind="click: databasesBreadcrumb">${_('Databases')}
+        <!-- ko if: database() != null -->
+        <span class="divider">&gt;</span>
+        <!-- /ko -->
+      </a>
     </li>
     <!-- ko with: database -->
     <li>
-      <a href="javascript:void(0);" data-bind="text: name, click: $root.tablesBreadcrumb"></a>
-      <!-- ko if: table -->
-      <span class="divider">&gt;</span>
-      <!-- /ko -->
+      <a href="javascript:void(0);" data-bind="click: $root.tablesBreadcrumb">
+        <span data-bind="text: name"></span>
+        <!-- ko with: table -->
+        <span class="divider">&gt;</span>
+        <!-- /ko -->
+      </a>
     </li>
     <!-- ko with: table -->
     <li class="editable-breadcrumbs" title="${_('Edit path')}" data-bind="click: function(){ $parent.editingTable(true); }, visible: !$parent.editingTable()">
-      <span data-bind="text: name"></span>
+      <a href="javascript:void(0)" data-bind="text: name"></a>
     </li>
     <!-- /ko -->
     <!-- ko if: editingTable -->

برخی فایل ها در این مقایسه diff نمایش داده نمی شوند زیرا تعداد فایل ها بسیار زیاد است