瀏覽代碼

HUE-6222 [assist] Restyle sort filter

Enrico Berti 8 年之前
父節點
當前提交
afd6bf8

File diff suppressed because it is too large
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


+ 8 - 0
desktop/core/src/desktop/static/desktop/less/hue.less

@@ -355,6 +355,14 @@ body {
   .hue-ease-transition(color);
 }
 
+.inactive-action-dark,
+.inactive-action-dark a {
+  color: @cui-gray-800;
+  i.fa {
+    color: @cui-gray-600;
+  }
+}
+
 .inactive-action:hover {
   text-decoration: none;
 }

+ 11 - 2
desktop/core/src/desktop/templates/assist.mako

@@ -772,8 +772,17 @@ from notebook.conf import get_ordered_interpreters
         <label class="checkbox inline-block margin-left-5"><input type="checkbox" data-bind="checked: filter.showTables" />${_('Tables')}</label>
         <label class="checkbox inline-block margin-left-5"><input type="checkbox" data-bind="checked: filter.showViews" />${_('Views')}</label>
         <!-- ko if: $parent.activeSort -->
-        <a class="assist-sort inactive-action" style="position: absolute;" data-toggle="dropdown" href="javascript:void(0)">
-          <i class="pointer fa fa-sort" title="${_('Sort')}"></i> ${_('Sort')}
+        <a class="assist-sort inactive-action inactive-action-dark" style="position: absolute;" data-toggle="dropdown" href="javascript:void(0)">
+          <!-- ko if: $parent.activeSort() === 'creation' -->
+          <i class="pointer fa fa-sort" title="${_('Sort')}"></i>
+          <!-- /ko -->
+          <!-- ko if: $parent.activeSort() === 'popular' -->
+          <i class="pointer fa fa-star-0" title="${_('Sort')}"></i>
+          <!-- /ko -->
+          <!-- ko if: $parent.activeSort() === 'alpha' -->
+          <i class="pointer fa fa-sort-alpha-asc" title="${_('Sort')}"></i>
+          <!-- /ko -->
+          ${_('Sort')}
         </a>
         <ul class="dropdown-menu hue-inner-drop-down" style="top: initial; left: inherit; position: fixed; z-index:10000;">
           <li>

Some files were not shown because too many files changed in this diff