Răsfoiți Sursa

HUE-1615 [metastore] Improve UX of breadcrumbs

Added link color, more compact
Enrico Berti 12 ani în urmă
părinte
comite
aaf0c75bb4

+ 2 - 3
apps/metastore/src/metastore/templates/components.mako

@@ -41,15 +41,14 @@
 <%def name="breadcrumbs(breadcrumbs)">
   <ul class="nav nav-pills hueBreadcrumbBar" id="breadcrumbs">
     <li>
-      <a href="${url('metastore:databases')}">${_('Databases')} <span class="divider">&gt;</span></a>
+      <a href="${url('metastore:databases')}">${_('Databases')}</a><span class="divider">&gt;</span>
     </li>
     % for crumb in breadcrumbs:
     <li>
-      <a href="${ crumb['url'] }">${ crumb['name'] }
+      <a href="${ crumb['url'] }">${ crumb['name'] }</a>
       % if not loop.last:
         <span class="divider">&gt;</span>
       % endif
-      </a>
     </li>
     % endfor
   </ul>

+ 8 - 3
apps/metastore/static/css/metastore.css

@@ -22,12 +22,16 @@
 
 .hueBreadcrumbBar {
   padding: 0;
-  margin: 0;
-  margin-bottom: 10px;
+  margin: 12px;
+}
+
+.hueBreadcrumbBar a {
+  color: #338BB8 !important;
+  display: inline !important;
 }
 
 .divider {
-  padding-left: 20px;
+  color: #CCC;
 }
 
 .sidebar-nav {
@@ -36,4 +40,5 @@
 
 .card-heading {
   padding-left: 6px !important;
+  border-bottom: none !important;
 }