Răsfoiți Sursa

HUE-8422 [frontend] Improve app switcher layout in multi cluster mode

(cherry picked from commit dc8573a26e6113400f06fb8313ea825bf3fc0dd5)
Johan Ahlen 7 ani în urmă
părinte
comite
c098c2e2d9

Fișier diff suprimat deoarece este prea mare
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue-embedded.css


Fișier diff suprimat deoarece este prea mare
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


Fișier diff suprimat deoarece este prea mare
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 14 - 0
desktop/core/src/desktop/static/desktop/less/hue-cui-overrides.less

@@ -135,3 +135,17 @@ select:-moz-focusring {
 .input-append input[type="password"] {
     padding: 5px 6px;
 }
+
+.cui-app-switcher {
+  a {
+    padding: 8px 12px !important;
+  }
+
+  .app-switcher-app-icon {
+    margin-left: 2px;
+
+    svg {
+      margin: 0 !important;
+    }
+  }
+}

+ 6 - 6
desktop/core/src/desktop/templates/ko_components/ko_app_switcher.mako

@@ -27,27 +27,27 @@ from desktop.views import _ko
   <script type="text/html" id="hue-app-switcher-template">
     <ul class="cui-app-switcher nav navbar-nav">
       <li class="dropdown">
-        <a style="padding: 10px 5px 0 5px; margin: 8px 24px 0 -5px;" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" role="button">
+        <button class="btn btn-flat" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" role="button">
           <i class="fa fa-th"></i>
-        </a>
+        </button>
 
-        <ul class="dropdown-menu" style="margin: 7px 0 0 -5px;" role="menu">
+        <ul class="dropdown-menu pull-right" role="menu">
           <!-- ko foreach: links -->
           <li class="nav-item">
             <!-- ko if: $data.divider -->
             <div class="divider"></div>
             <!-- /ko -->
             <!-- ko ifnot: $data.divider -->
-            <a role="button" class="nav-link" data-bind="attr: {href: link}">
+            <a role="button" class="nav-link" data-bind="attr: { href: link }">
               <span class="app-switcher-app-icon">
                 <!-- ko if: $data.icon -->
-                <i data-bind="attr: {class: icon}"></i>
+                <i data-bind="attr: { class: icon }"></i>
                 <!-- /ko -->
                 <!-- ko if: $data.img -->
                 <!-- ko template: 'app-switcher-icon-template' --><!-- /ko -->
                 <!-- /ko -->
               </span>
-              <span class="app-switcher-app-name" data-bind="text: label, attr: {href: link}"></span>
+              <span class="app-switcher-app-name" data-bind="text: label"></span>
             </a>
             <!-- /ko -->
           </li>

Unele fișiere nu au fost afișate deoarece prea multe fișiere au fost modificate în acest diff