Explorar el Código

HUE-6815 [frontend] Initial styling of global search result categories

Johan Ahlen hace 8 años
padre
commit
9dbc8226c2

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


+ 19 - 1
desktop/core/src/desktop/static/desktop/less/hue.less

@@ -975,18 +975,36 @@ a:visited {
   top: 35px;
   left: 0;
   width: 100%;
+  height: 400px;
   .hue-box-shadow-bottom();
 
   .global-search-alternatives {
     .flex(0 0 175px);
     border-right: 1px solid @cui-default-border-color;
+    font-size: 13px;
+    overflow-y: auto;
 
     .global-search-category {
       .global-search-category-header {
+        color: @hue-primary-color-dark;
+        padding-left: 5px;
+        border-bottom: 1px solid @cui-gray-100;
+      }
+
+      > ul {
+        list-style: none;
+        margin: 0;
 
+        li {
+          .nowrap-ellipsis();
+          padding: 2px 0 2px 7px;
+        }
+
+        li.selected {
+          background-color: @hue-primary-color-light;
+        }
       }
     }
-
   }
   .global-search-preview {
     .flex(1);

+ 22 - 2
desktop/core/src/desktop/templates/ko_components.mako

@@ -556,13 +556,14 @@ from desktop.views import _ko
         <input class="global-search-autocomplete" disabled type="text" data-bind="value: searchAutocomplete">
       </div>
     </div>
-    <div class="global-search-results" data-bind="visible: searchResultVisible, onClickOutside: onResultClickOutside" style="display:none;">
+    <!-- ko if: searchResultVisible -->
+    <div class="global-search-results" data-bind="onClickOutside: onResultClickOutside">
       <div class="global-search-alternatives">
         <div class="global-search-category">
           <div class="global-search-category-header">Category 1</div>
           <ul>
             <li>Alternative 1</li>
-            <li>Alternative 2</li>
+            <li class="selected">Alternative 2</li>
             <li>Alternative 3</li>
             <li>Alternative 4</li>
           </ul>
@@ -594,11 +595,30 @@ from desktop.views import _ko
             <li>Alternative 4</li>
           </ul>
         </div>
+        <div class="global-search-category">
+          <div class="global-search-category-header">Category 5</div>
+          <ul>
+            <li>Alternative 1</li>
+            <li>Alternative 2</li>
+            <li>Alternative 3</li>
+            <li>Alternative 4</li>
+          </ul>
+        </div>
+        <div class="global-search-category">
+          <div class="global-search-category-header">Category 6</div>
+          <ul>
+            <li>Alternative 1</li>
+            <li>Alternative 2</li>
+            <li>Alternative 3</li>
+            <li>Alternative 4</li>
+          </ul>
+        </div>
       </div>
       <div class="global-search-preview">
         Preview Area
       </div>
     </div>
+    <!-- /ko -->
   </script>
 
   <script type="text/javascript">

Algunos archivos no se mostraron porque demasiados archivos cambiaron en este cambio