Эх сурвалжийг харах

HUE-8926 [frontend] Adjust the sidebar collapsed icon size and spacing

Johan Ahlen 6 жил өмнө
parent
commit
142b15023f

Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue-embedded.css


Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


Файлын зөрүү хэтэрхий том тул дарагдсан байна
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 10 - 8
desktop/core/src/desktop/static/desktop/less/components/hue-sidebar.less

@@ -25,7 +25,9 @@
 @item-active-border: @hue-primary-color-dark;
 @item-color: rgb(173, 178, 182);
 @sidebar-background-color: #333e45;
-@sidebar-collapsed-item-height: 56px;
+@sidebar-collapsed-item-height: 42px;
+@sidebar-collapsed-icon-height: 22px;
+@sidebar-icon-height: 20px;
 @sidebar-collapsed-width: 56px;
 @sidebar-header-height: 56px;
 @sidebar-item-height: 32px;
@@ -173,11 +175,11 @@
     margin-left: 16px;
     text-align: center;
     justify-content: center;
-    font-size: 20px;
+    font-size: @sidebar-icon-height;
 
     i, svg {
-      font-size: 20px;
-      height: 20px; // nv d3 conflict
+      font-size: @sidebar-icon-height;
+      height: @sidebar-icon-height; // nv d3 conflict
     }
   }
 
@@ -280,12 +282,12 @@
       .flex-box-flex(0);
 
       margin: 0;
-      font-size: 24px;
-      height: 24px;
+      font-size: @sidebar-collapsed-icon-height;
+      height: @sidebar-collapsed-icon-height;
 
       i, svg {
-        font-size: 24px;
-        height: 24px;
+        font-size: @sidebar-collapsed-icon-height;
+        height: @sidebar-collapsed-icon-height;
       }
     }
 

+ 1 - 1
desktop/core/src/desktop/templates/hue.mako

@@ -182,7 +182,7 @@ ${ hueIcons.symbols() }
 <input style="display:none" readonly autocomplete="false" type="password" name="fakepasswordremembered"/>
 
 <div class="hue-page">
-  <div class="hue-sidebar" data-bind="component: { name: 'hue-sidebar', params: {  } }"></div>
+  <div class="hue-sidebar collapsed" data-bind="component: { name: 'hue-sidebar', params: {  } }"></div>
 
   <div class="main-page">
     % if banner_message or conf.CUSTOM.BANNER_TOP_HTML.get():

Энэ ялгаанд хэт олон файл өөрчлөгдсөн тул зарим файлыг харуулаагүй болно