Jelajahi Sumber

HUE-8926 [frontend] Improve logo design when there's no app switcher

Johan Ahlen 6 tahun lalu
induk
melakukan
6b37c1a097

+ 5 - 1
desktop/core/src/desktop/js/ko/components/ko.sidebar.js

@@ -33,7 +33,11 @@ const TEMPLATE = `
   <!-- ko component: { name: 'hue-app-switcher' } --><!-- /ko -->
   <!-- /ko -->
   <!-- ko ifnot: window.DISPLAY_APP_SWITCHER -->
-  <div class="hue-sidebar-header"></div>
+  <div class="hue-sidebar-header">
+    <a data-bind="hueLink: '/home/'" href="javascript: void(0);" title="${I18n('Documents')}">
+      <div class="hue-sidebar-logo"><svg><use xlink:href="#hi-sidebar-logo"></use></svg></div>
+    </a>
+  </div>
   <!-- /ko -->
   <div class="hue-sidebar-body">
     <!-- ko foreach: {data: items, as: 'item'} -->

File diff ditekan karena terlalu besar
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue-embedded.css


File diff ditekan karena terlalu besar
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


File diff ditekan karena terlalu besar
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 23 - 2
desktop/core/src/desktop/static/desktop/less/components/hue-sidebar.less

@@ -19,7 +19,7 @@
 @animation-duration-base: 0.2s;
 @gradient-end: #023259;
 @gradient-start: @cui-gray-800;
-@header-bg-open: rgb(28, 36, 41);
+@header-bg-open: @hue-primary-color-dark;
 @header-bg: @hue-primary-color-dark;
 @help-drawer-width: 400px;
 @item-active-border: @hue-primary-color-dark;
@@ -33,6 +33,10 @@
 @sidebar-item-height: 32px;
 @sidebar-width: 248px;
 
+.svg-hue-sidebar-logo-main {
+  fill: currentColor !important;
+}
+
 .hue-sidebar {
   .flex(0 0 @sidebar-width);
   .display-flex;
@@ -72,7 +76,6 @@
   }
 
   .hue-sidebar-header {
-
     .display-flex;
     .flex-shrink(0);
     .flex-box-align(center);
@@ -114,6 +117,18 @@
 
       justify-content: center;
     }
+
+    .hue-sidebar-logo {
+      margin-left: 49px;
+      height: 32px;
+      overflow-x: hidden;
+      color: @cui-white;
+    }
+
+    .hue-sidebar-logo svg {
+      height: 32px;
+      width: 100px;
+    }
   }
 
   .hue-sidebar-body {
@@ -221,6 +236,12 @@
     .hue-sidebar-header {
       padding: 0 12px;
 
+      .hue-sidebar-logo {
+        margin-left: 0;
+        width: 32px;
+        color: @cui-white;
+      }
+
       .hue-app-switcher-trigger svg {
         width: 32px;
         height: 32px;

+ 1 - 1
desktop/core/src/desktop/static/desktop/less/hue4.less

@@ -93,7 +93,7 @@
 }
 
 .top-nav-left .btn-group {
-  float: right;
+  margin-left: 15px;
 }
 
 .hue-main-create-btn {

+ 0 - 4
desktop/core/src/desktop/templates/hue.mako

@@ -200,10 +200,6 @@ ${ hueIcons.symbols() }
             <a class="hamburger hamburger-hue pull-left" data-bind="toggle: leftNavVisible, css: { 'is-active': leftNavVisible }">
               <span class="hamburger-box"><span class="hamburger-inner"></span></span>
             </a>
-
-            <a class="brand" data-bind="hueLink: '/home/'" href="javascript: void(0);" title="${_('Documents')}">
-              <svg style="height: 24px; width: 120px;"><use xlink:href="#hi-logo"></use></svg>
-            </a>
             % endif
           % endif
 

+ 69 - 35
desktop/core/src/desktop/templates/hue_icons.mako

@@ -166,6 +166,13 @@
       % endif
     </symbol>
 
+    <symbol id="hi-sidebar-logo" viewBox="0 0 159.657 40">
+      <path class="svg-hue-sidebar-logo-main" d="M26.691,0c-.263,0-.523,0-.784.012l.07,13.609H10.1A26.108,26.108,0,0,1,16.693,1.733C6.906,5.271,0,13.846,0,23.867A22.465,22.465,0,0,0,7.024,40h9.94A26.2,26.2,0,0,1,10.1,27.832H25.977V40h9.187V1.234A29.527,29.527,0,0,0,26.691,0Z"></path>
+      <path class="svg-hue-logo-trunk" d="M37.96,2.316V22.565c2.807.258,5.034,4.249,5.034,9.135,0,3.677-1.262,6.846-3.084,8.3H45.4a23.571,23.571,0,0,0,6.383-16.133A23.842,23.842,0,0,0,37.96,2.316ZM40.717,14.4a1.952,1.952,0,0,1-1.834-2.051A1.952,1.952,0,0,1,40.717,10.3a1.835,1.835,0,0,1,1.668,1.2,1.137,1.137,0,0,0-.943-.537l-.023,0a.576.576,0,0,1,.245.481.506.506,0,1,1-1.006,0,.63.63,0,0,1,.025-.168,1.371,1.371,0,0,0-.408.992,1.244,1.244,0,0,0,1.168,1.308,1.17,1.17,0,0,0,1.058-.754A1.889,1.889,0,0,1,40.717,14.4Z"></path>
+      <path class="svg-hue-sidebar-logo-main" d="M74.5,40c-14.2,0-18.368-4.38-18.368-16.532V1.71h10.6V23.186c0,6.5,2.19,7.841,8.619,7.841H86.364c6.853,0,8.618-1.341,8.618-7.841V1.71h10.456V23.468C105.439,35.62,101.27,40,86.929,40Z"></path>
+      <path class="svg-hue-sidebar-logo-main" d="M159.657,24.74V12.165c0-6.076-3.038-10.455-13.988-10.455h-18.51c-13.493,0-17.379,3.744-17.379,14.907v8.83C109.78,35.62,114.513,40,126.664,40h28.19V32.017h-28.19c-4.945,0-6.358-.848-6.358-5.511V24.74Zm-39.35-8.83c0-5.511,1.7-6.076,6.994-6.076H144.82c3.18,0,4.311.636,4.311,3.18v4.945H120.306Z"></path>
+    </symbol>
+
     <symbol id="hi-markdown" viewBox="0 0 640 640">
       <path d="M593.85,516.92H46.15A46.21,46.21,0,0,1,0,470.77V169.23a46.21,46.21,0,0,1,46.15-46.15H593.85A46.21,46.21,0,0,1,640,169.23V470.77A46.21,46.21,0,0,1,593.85,516.92ZM46.15,153.85a15.4,15.4,0,0,0-15.38,15.38V470.77a15.4,15.4,0,0,0,15.38,15.38H593.85a15.4,15.4,0,0,0,15.38-15.38V169.23a15.4,15.4,0,0,0-15.38-15.38Z"></path>
       <path d="M92.31,424.62V215.38h61.54l61.54,76.92,61.54-76.92h61.54V424.62H276.92v-120l-61.54,76.92-61.54-76.92v120Z"></path>
@@ -306,14 +313,14 @@
     </symbol>
 
     <symbol id="hi-join" width="32px" height="32px" viewBox="0 0 480 480">
-      <path d="m174.99999,177l-80.80644,-37l0,22.2l-86.19354,0l0,29.6l86.19354,0l0,22.2l80.80644,-37z"/>
-      <path d="m400,164.1875l0,25.625c0,4.2435 -10.92,7.6875 -24.375,7.6875l-81.25,0c-13.455,0 -24.375,-3.444 -24.375,-7.6875l0,-25.625c0,-4.2435 10.92,-7.6875 24.375,-7.6875l81.25,0c13.455,0 24.375,3.444 24.375,7.6875z"/>
-      <path d="m437.375,13l-201.74999,0c-18.49375,0 -33.625,25.36875 -33.625,56.375l0,338.24999c0,31.00625 15.13125,56.375 33.625,56.375l201.74999,0c18.49375,0 33.625,-25.36875 33.625,-56.375l0,-338.24999c0,-31.00625 -15.13125,-56.375 -33.625,-56.375zm0,394.62499l-201.74999,0l0,-338.24999l201.74999,0l0,338.24999z"/>
-      <path d="m456.5,45.8125l0,54.37499c0,9.0045 -20.16,16.3125 -45,16.3125l-150,0c-24.84,0 -45,-7.308 -45,-16.3125l0,-54.37499c0,-9.0045 20.16,-16.3125 45,-16.3125l150,0c24.84,0 45,7.308 45,16.3125z"/>
-      <path d="m400,251.6875l0,25.625c0,4.2435 -10.92,7.6875 -24.375,7.6875l-81.25,0c-13.455,0 -24.375,-3.444 -24.375,-7.6875l0,-25.625c0,-4.2435 10.92,-7.6875 24.375,-7.6875l81.25,0c13.455,0 24.375,3.444 24.375,7.6875z"/>
-      <path d="m400,334.6875l0,25.625c0,4.2435 -10.92,7.6875 -24.375,7.6875l-81.25,0c-13.455,0 -24.375,-3.444 -24.375,-7.6875l0,-25.625c0,-4.2435 10.92,-7.6875 24.375,-7.6875l81.25,0c13.455,0 24.375,3.444 24.375,7.6875z"/>
-      <path d="m174.99999,264l-80.80644,-37l0,22.2l-86.19354,0l0,29.6l86.19354,0l0,22.2l80.80644,-37z"/>
-      <path d="m174.99999,348.5l-80.80644,-37l0,22.2l-86.19354,0l0,29.6l86.19354,0l0,22.2l80.80644,-37z"/>
+      <path d="m174.99999,177l-80.80644,-37l0,22.2l-86.19354,0l0,29.6l86.19354,0l0,22.2l80.80644,-37z"></path>
+      <path d="m400,164.1875l0,25.625c0,4.2435 -10.92,7.6875 -24.375,7.6875l-81.25,0c-13.455,0 -24.375,-3.444 -24.375,-7.6875l0,-25.625c0,-4.2435 10.92,-7.6875 24.375,-7.6875l81.25,0c13.455,0 24.375,3.444 24.375,7.6875z"></path>
+      <path d="m437.375,13l-201.74999,0c-18.49375,0 -33.625,25.36875 -33.625,56.375l0,338.24999c0,31.00625 15.13125,56.375 33.625,56.375l201.74999,0c18.49375,0 33.625,-25.36875 33.625,-56.375l0,-338.24999c0,-31.00625 -15.13125,-56.375 -33.625,-56.375zm0,394.62499l-201.74999,0l0,-338.24999l201.74999,0l0,338.24999z"></path>
+      <path d="m456.5,45.8125l0,54.37499c0,9.0045 -20.16,16.3125 -45,16.3125l-150,0c-24.84,0 -45,-7.308 -45,-16.3125l0,-54.37499c0,-9.0045 20.16,-16.3125 45,-16.3125l150,0c24.84,0 45,7.308 45,16.3125z"></path>
+      <path d="m400,251.6875l0,25.625c0,4.2435 -10.92,7.6875 -24.375,7.6875l-81.25,0c-13.455,0 -24.375,-3.444 -24.375,-7.6875l0,-25.625c0,-4.2435 10.92,-7.6875 24.375,-7.6875l81.25,0c13.455,0 24.375,3.444 24.375,7.6875z"></path>
+      <path d="m400,334.6875l0,25.625c0,4.2435 -10.92,7.6875 -24.375,7.6875l-81.25,0c-13.455,0 -24.375,-3.444 -24.375,-7.6875l0,-25.625c0,-4.2435 10.92,-7.6875 24.375,-7.6875l81.25,0c13.455,0 24.375,3.444 24.375,7.6875z"></path>
+      <path d="m174.99999,264l-80.80644,-37l0,22.2l-86.19354,0l0,29.6l86.19354,0l0,22.2l80.80644,-37z"></path>
+      <path d="m174.99999,348.5l-80.80644,-37l0,22.2l-86.19354,0l0,29.6l86.19354,0l0,22.2l80.80644,-37z"></path>
     </symbol>
 
     <symbol id="hi-broadcast" viewBox="0 0 32 32">
@@ -323,92 +330,119 @@
     <symbol id="hi-sigma" viewBox="0 0 32 32">
       <path d="M29.425 22.96l1.387-2.96h1.188l-2 12h-30v-2.32l10.361-12.225-10.361-10.361v-7.094h30.625l1.375 8h-1.074l-0.585-1.215c-1.104-2.293-1.934-2.785-4.341-2.785h-20.688l11.033 11.033-9.294 10.967h16.949c3.625 0 4.583-1.299 5.425-3.040z"></path>
     </symbol>
+
     <symbol id="hi-sigma-stream" viewBox="0 0 32 32">
       <g>
-        <path d="m24.29172,19.54425l1.13561,-2.50675l0.97268,0l-1.6375,10.1625l-24.5625,0l0,-1.96475l8.48307,-10.35304l-8.48307,-8.77447l0,-6.00773l25.07422,0l1.12578,6.775l-0.87933,0l-0.47897,-1.02896c-0.9039,-1.94189 -1.58346,-2.35854 -3.55419,-2.35854l-16.9383,0l9.03327,9.34357l-7.60946,9.28768l13.87699,0c2.96797,0 3.75233,-1.10009 4.44172,-2.5745l-0.00001,-0.00001z"/>
+        <path d="m24.29172,19.54425l1.13561,-2.50675l0.97268,0l-1.6375,10.1625l-24.5625,0l0,-1.96475l8.48307,-10.35304l-8.48307,-8.77447l0,-6.00773l25.07422,0l1.12578,6.775l-0.87933,0l-0.47897,-1.02896c-0.9039,-1.94189 -1.58346,-2.35854 -3.55419,-2.35854l-16.9383,0l9.03327,9.34357l-7.60946,9.28768l13.87699,0c2.96797,0 3.75233,-1.10009 4.44172,-2.5745l-0.00001,-0.00001z"></path>
       </g>
       <g>
-       <path d="m30.15,17l-12.10001,0c-0.91094,0 -1.65,0.69107 -1.65,1.54285l0,11.31428c0,0.85179 0.73906,1.54285 1.65,1.54285l12.10001,0c0.91094,0 1.65,-0.69107 1.65,-1.54285l0,-11.31428c0,-0.85179 -0.73906,-1.54285 -1.65,-1.54285z" fill="white"/>
+        <path d="m30.15,17l-12.10001,0c-0.91094,0 -1.65,0.69107 -1.65,1.54285l0,11.31428c0,0.85179 0.73906,1.54285 1.65,1.54285l12.10001,0c0.91094,0 1.65,-0.69107 1.65,-1.54285l0,-11.31428c0,-0.85179 -0.73906,-1.54285 -1.65,-1.54285z" fill="white"></path>
       </g>
       <g transform="translate(4 4) scale(0.05 0.05)">
-       <path d="m255.68435,333.84284l254.39374,0c5.40587,0 9.78438,-4.52295 9.78438,-10.10714l0,-40.42857c0,-5.5842 -4.37851,-10.10714 -9.78438,-10.10714l-254.39374,0c-5.40587,0 -9.78438,4.52295 -9.78438,10.10714l0,40.42857c0,5.5842 4.37851,10.10714 9.78438,10.10714zm293.53124,50.53571l-254.39374,0c-5.40587,0 -9.78438,4.52295 -9.78438,10.10714l0,40.42857c0,5.5842 4.37851,10.10714 9.78438,10.10714l254.39374,0c5.40587,0 9.78438,-4.52295 9.78438,-10.10714l0,-40.42857c0,-5.5842 -4.37851,-10.10714 -9.78438,-10.10714zm-39.1375,111.17856l-254.39374,0c-5.40587,0 -9.78438,4.52295 -9.78438,10.10714l0,40.42857c0,5.5842 4.37851,10.10714 9.78438,10.10714l254.39374,0c5.40587,0 9.78438,-4.52295 9.78438,-10.10714l0,-40.42857c0,-5.5842 -4.37851,-10.10714 -9.78438,-10.10714z"/>
+        <path d="m255.68435,333.84284l254.39374,0c5.40587,0 9.78438,-4.52295 9.78438,-10.10714l0,-40.42857c0,-5.5842 -4.37851,-10.10714 -9.78438,-10.10714l-254.39374,0c-5.40587,0 -9.78438,4.52295 -9.78438,10.10714l0,40.42857c0,5.5842 4.37851,10.10714 9.78438,10.10714zm293.53124,50.53571l-254.39374,0c-5.40587,0 -9.78438,4.52295 -9.78438,10.10714l0,40.42857c0,5.5842 4.37851,10.10714 9.78438,10.10714l254.39374,0c5.40587,0 9.78438,-4.52295 9.78438,-10.10714l0,-40.42857c0,-5.5842 -4.37851,-10.10714 -9.78438,-10.10714zm-39.1375,111.17856l-254.39374,0c-5.40587,0 -9.78438,4.52295 -9.78438,10.10714l0,40.42857c0,5.5842 4.37851,10.10714 9.78438,10.10714l254.39374,0c5.40587,0 9.78438,-4.52295 9.78438,-10.10714l0,-40.42857c0,-5.5842 -4.37851,-10.10714 -9.78438,-10.10714z"></path>
       </g>
     </symbol>
+
     <symbol id="hi-unnest" viewBox="0 0 32 32">
-      <path d="m30,8l2,0l0,16l-2,0l0,-16z"/>
-      <path d="m7,14l22,0l0,4l-22,0l0,5l-7,-7l7,-7l0,5z"/>
+      <path d="m30,8l2,0l0,16l-2,0l0,-16z"></path>
+      <path d="m7,14l22,0l0,4l-22,0l0,5l-7,-7l7,-7l0,5z"></path>
     </symbol>
+
     <symbol id="hi-loop" viewBox="0 0 24 24">
-      <path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/><path d="M0 0h24v24H0z" fill="none"/>
+      <path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"></path>
+      <path d="M0 0h24v24H0z" fill="none"></path>
     </symbol>
+
     <symbol id="hi-nested-loop" viewBox="0 0 32 32">
-       <path d="m27.8,10.1l-19.5,0l0,6l-7.8,-8l7.8,-8l0,6l23.4,0l0,12l-3.9,0l0,-8zm-23.4,12l19.5,0l0,-6l7.8,8l-7.8,8l0,-6l-23.4,0l0,-12l3.9,0l0,8z"/>
+      <path d="m27.8,10.1l-19.5,0l0,6l-7.8,-8l7.8,-8l0,6l23.4,0l0,12l-3.9,0l0,-8zm-23.4,12l19.5,0l0,-6l7.8,8l-7.8,8l0,-6l-23.4,0l0,-12l3.9,0l0,8z"></path>
     </symbol>
+
     <symbol id="hi-full-screen" viewBox="0 0 24 24">
-      <path d="M0 0h24v24H0z" fill="none"/><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
+      <path d="M0 0h24v24H0z" fill="none"></path>
+      <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path>
     </symbol>
+
     <symbol id="hi-vertical-align" viewBox="0 0 24 24">
-      <path d="M8 19h3v4h2v-4h3l-4-4-4 4zm8-14h-3V1h-2v4H8l4 4 4-4zM4 11v2h16v-2H4z"/>
+      <path d="M8 19h3v4h2v-4h3l-4-4-4 4zm8-14h-3V1h-2v4H8l4 4 4-4zM4 11v2h16v-2H4z"></path>
     </symbol>
+
     <symbol id="hi-sort" viewBox="0 0 24 24">
-      <path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/>
+      <path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"></path>
     </symbol>
+
     <symbol id="hi-map" viewBox="0 0 24 24">
-      <path d="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"/>
+      <path d="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"></path>
     </symbol>
+
     <symbol id="hi-filter" viewBox="0 0 24 24">
-      <path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>
+      <path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"></path>
     </symbol>
+
     <symbol id="hi-timeline" viewBox="0 0 24 24">
-      <defs><path id="a" d="M0 0h24v24H0V0z"/></defs>
-      <clipPath id="b"><use xlink:href="#a" overflow="visible"/>
+      <defs><path id="a" d="M0 0h24v24H0V0z"></path></defs>
+      <clipPath id="b"><use xlink:href="#a" overflow="visible"></use>
       </clipPath>
-      <path clip-path="url(#b)" d="M23 8c0 1.1-.9 2-2 2-.18 0-.35-.02-.51-.07l-3.56 3.55c.05.16.07.34.07.52 0 1.1-.9 2-2 2s-2-.9-2-2c0-.18.02-.36.07-.52l-2.55-2.55c-.16.05-.34.07-.52.07s-.36-.02-.52-.07l-4.55 4.56c.05.16.07.33.07.51 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2c.18 0 .35.02.51.07l4.56-4.55C8.02 9.36 8 9.18 8 9c0-1.1.9-2 2-2s2 .9 2 2c0 .18-.02.36-.07.52l2.55 2.55c.16-.05.34-.07.52-.07s.36.02.52.07l3.55-3.56C19.02 8.35 19 8.18 19 8c0-1.1.9-2 2-2s2 .9 2 2z"/>
+      <path clip-path="url(#b)" d="M23 8c0 1.1-.9 2-2 2-.18 0-.35-.02-.51-.07l-3.56 3.55c.05.16.07.34.07.52 0 1.1-.9 2-2 2s-2-.9-2-2c0-.18.02-.36.07-.52l-2.55-2.55c-.16.05-.34.07-.52.07s-.36-.02-.52-.07l-4.55 4.56c.05.16.07.33.07.51 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2c.18 0 .35.02.51.07l4.56-4.55C8.02 9.36 8 9.18 8 9c0-1.1.9-2 2-2s2 .9 2 2c0 .18-.02.36-.07.52l2.55 2.55c.16-.05.34-.07.52-.07s.36.02.52.07l3.55-3.56C19.02 8.35 19 8.18 19 8c0-1.1.9-2 2-2s2 .9 2 2z"></path>
     </symbol>
+
     <symbol id="hi-merge" viewBox="0 0 24 24">
-      <path d="M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z"/>
+      <path d="M17 20.41L18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z"></path>
     </symbol>
+
     <symbol id="hi-crop-free" viewBox="0 0 24 24">
-      <path d="M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2 2h4v-2H5v-4zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2z"/>
+      <path d="M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2 2h4v-2H5v-4zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2z"></path>
     </symbol>
+
     <symbol id="hi-bar-chart" viewBox="0 0 24 24">
-      <path d="M5 9.2h3V19H5zM10.6 5h2.8v14h-2.8zm5.6 8H19v6h-2.8z"/><path fill="none" d="M0 0h24v24H0z"/>
+      <path d="M5 9.2h3V19H5zM10.6 5h2.8v14h-2.8zm5.6 8H19v6h-2.8z"></path>
+      <path fill="none" d="M0 0h24v24H0z"></path>
     </symbol>
+
     <symbol id="hi-access-time" viewBox="0 0 24 24">
-      <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/><path d="M0 0h24v24H0z" fill="none"/><path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"/>
+      <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"></path>
+      <path d="M0 0h24v24H0z" fill="none"></path>
+      <path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>
     </symbol>
+
     <symbol id="hi-sitemap" viewBox="0 0 640 512">
       <path d="M128 352H32c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32zm-24-80h192v48h48v-48h192v48h48v-57.59c0-21.17-17.23-38.41-38.41-38.41H344v-64h40c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32H256c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h40v64H94.41C73.23 224 56 241.23 56 262.41V320h48v-48zm264 80h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32zm240 0h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32z"></path>
     </symbol>
+
     <symbol id="hi-random" viewBox="0 0 512 512">
       <path d="M504.971 359.029c9.373 9.373 9.373 24.569 0 33.941l-80 79.984c-15.01 15.01-40.971 4.49-40.971-16.971V416h-58.785a12.004 12.004 0 0 1-8.773-3.812l-70.556-75.596 53.333-57.143L352 336h32v-39.981c0-21.438 25.943-31.998 40.971-16.971l80 79.981zM12 176h84l52.781 56.551 53.333-57.143-70.556-75.596A11.999 11.999 0 0 0 122.785 96H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12zm372 0v39.984c0 21.46 25.961 31.98 40.971 16.971l80-79.984c9.373-9.373 9.373-24.569 0-33.941l-80-79.981C409.943 24.021 384 34.582 384 56.019V96h-58.785a12.004 12.004 0 0 0-8.773 3.812L96 336H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h110.785c3.326 0 6.503-1.381 8.773-3.812L352 176h32z"></path>
     </symbol>
+
     <symbol id="hi-exchange" viewBox="0 0 512 512">
       <path d="M0 168v-16c0-13.255 10.745-24 24-24h360V80c0-21.367 25.899-32.042 40.971-16.971l80 80c9.372 9.373 9.372 24.569 0 33.941l-80 80C409.956 271.982 384 261.456 384 240v-48H24c-13.255 0-24-10.745-24-24zm488 152H128v-48c0-21.314-25.862-32.08-40.971-16.971l-80 80c-9.372 9.373-9.372 24.569 0 33.941l80 80C102.057 463.997 128 453.437 128 432v-48h360c13.255 0 24-10.745 24-24v-16c0-13.255-10.745-24-24-24z"></path>
     </symbol>
+
     <symbol id="hi-table" viewBox="0 0 512 512">
       <path d="M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM224 416H64v-96h160v96zm0-160H64v-96h160v96zm224 160H288v-96h160v96zm0-160H288v-96h160v96z"></path>
     </symbol>
+
     <symbol id="hi-copy" viewBox="0 0 512 512">
       <path d="M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z"></path>
     </symbol>
+
     <symbol id="hi-microchip" viewBox="0 0 1024 1024">
-      <path d="M682.67 307.2h-341.34c-18.852 0-34.13 15.281-34.13 34.13v341.34c0 18.852 15.28 34.13 34.13 34.13h341.34c18.852 0 34.13-15.28 34.13-34.13v-341.34c0-18.851-15.28-34.13-34.13-34.13z" fill="" />
-      <path d="M921.606 546.133c18.85 0 34.127-15.282 34.127-34.133 0-18.855-15.279-34.133-34.127-34.133h-68.273v-102.4h68.273c18.85 0 34.127-15.282 34.127-34.133 0-18.855-15.279-34.133-34.127-34.133h-68.273v-68.267c0-37.706-30.564-68.267-68.267-68.267h-68.267v-68.273c0-18.85-15.282-34.127-34.133-34.127-18.855 0-34.133 15.279-34.133 34.127v68.273h-102.4v-68.273c0-18.85-15.282-34.127-34.133-34.127-18.855 0-34.133 15.279-34.133 34.127v68.273h-102.4v-68.273c0-18.85-15.282-34.127-34.133-34.127-18.855 0-34.133 15.279-34.133 34.127v68.273h-68.267c-37.706 0-68.267 30.564-68.267 68.267v68.267h-68.273c-18.85 0-34.127 15.282-34.127 34.133 0 18.855 15.279 34.133 34.127 34.133h68.273v102.4h-68.273c-18.85 0-34.127 15.282-34.127 34.133 0 18.855 15.279 34.133 34.127 34.133h68.273v102.4h-68.273c-18.85 0-34.127 15.282-34.127 34.133 0 18.855 15.279 34.133 34.127 34.133h68.273v68.267c0 37.706 30.564 68.267 68.267 68.267h68.267v68.273c0 18.85 15.282 34.127 34.133 34.127 18.855 0 34.133-15.279 34.133-34.127v-68.273h102.4v68.273c0 18.85 15.282 34.127 34.133 34.127 18.855 0 34.133-15.279 34.133-34.127v-68.273h102.4v68.273c0 18.85 15.282 34.127 34.133 34.127 18.855 0 34.133-15.279 34.133-34.127v-68.273h68.267c37.706 0 68.267-30.564 68.267-68.267v-68.267h68.273c18.85 0 34.127-15.282 34.127-34.133 0-18.855-15.279-34.133-34.127-34.133h-68.273v-102.4h68.273zM785.067 785.067h-511.996c-18.853 0-34.138-15.284-34.138-34.138v-511.996h511.996c18.854 0 34.138 15.284 34.138 34.138v511.996z" fill="" />
+      <path d="M682.67 307.2h-341.34c-18.852 0-34.13 15.281-34.13 34.13v341.34c0 18.852 15.28 34.13 34.13 34.13h341.34c18.852 0 34.13-15.28 34.13-34.13v-341.34c0-18.851-15.28-34.13-34.13-34.13z" fill=""></path>
+      <path d="M921.606 546.133c18.85 0 34.127-15.282 34.127-34.133 0-18.855-15.279-34.133-34.127-34.133h-68.273v-102.4h68.273c18.85 0 34.127-15.282 34.127-34.133 0-18.855-15.279-34.133-34.127-34.133h-68.273v-68.267c0-37.706-30.564-68.267-68.267-68.267h-68.267v-68.273c0-18.85-15.282-34.127-34.133-34.127-18.855 0-34.133 15.279-34.133 34.127v68.273h-102.4v-68.273c0-18.85-15.282-34.127-34.133-34.127-18.855 0-34.133 15.279-34.133 34.127v68.273h-102.4v-68.273c0-18.85-15.282-34.127-34.133-34.127-18.855 0-34.133 15.279-34.133 34.127v68.273h-68.267c-37.706 0-68.267 30.564-68.267 68.267v68.267h-68.273c-18.85 0-34.127 15.282-34.127 34.133 0 18.855 15.279 34.133 34.127 34.133h68.273v102.4h-68.273c-18.85 0-34.127 15.282-34.127 34.133 0 18.855 15.279 34.133 34.127 34.133h68.273v102.4h-68.273c-18.85 0-34.127 15.282-34.127 34.133 0 18.855 15.279 34.133 34.127 34.133h68.273v68.267c0 37.706 30.564 68.267 68.267 68.267h68.267v68.273c0 18.85 15.282 34.127 34.133 34.127 18.855 0 34.133-15.279 34.133-34.127v-68.273h102.4v68.273c0 18.85 15.282 34.127 34.133 34.127 18.855 0 34.133-15.279 34.133-34.127v-68.273h102.4v68.273c0 18.85 15.282 34.127 34.133 34.127 18.855 0 34.133-15.279 34.133-34.127v-68.273h68.267c37.706 0 68.267-30.564 68.267-68.267v-68.267h68.273c18.85 0 34.127-15.282 34.127-34.133 0-18.855-15.279-34.133-34.127-34.133h-68.273v-102.4h68.273zM785.067 785.067h-511.996c-18.853 0-34.138-15.284-34.138-34.138v-511.996h511.996c18.854 0 34.138 15.284 34.138 34.138v511.996z" fill=""></path>
     </symbol>
+
     <symbol id="hi-heart" viewBox="0 0 1024 1024">
-      <path d="M886.250667 552.490667 512 927.957333l-374.229333-375.466667C79.786667 505.429333 42.666667 433.536 42.666667 352.896 42.666667 211.029333 157.290667 96.042667 298.666667 96.042667c89.088 0 167.488 45.717333 213.333333 114.986667 45.845333-69.269333 124.245333-114.986667 213.333333-114.986667 141.376 0 256 114.986667 256 256.832C981.333333 433.536 944.213333 505.429333 886.250667 552.490667zM832.341333 458.858667l-138.858667 0-53.888-197.610667-20.586667 5.610667-20.117333-7.104-93.226667 317.034667-101.077333-252.672-20.245333 6.741333-19.989333-7.509333-50.794667 135.509333L192.341333 458.858667l0 42.666667 128 0 19.989333 7.509333 44.672-119.168 107.114667 267.754667 40.469333-13.504-3.477333-8.661333 3.349333 1.173333 85.76-291.562667 44.202667 162.090667 20.586667-5.610667 149.333333 0L832.341333 458.858667z" />
+      <path d="M886.250667 552.490667 512 927.957333l-374.229333-375.466667C79.786667 505.429333 42.666667 433.536 42.666667 352.896 42.666667 211.029333 157.290667 96.042667 298.666667 96.042667c89.088 0 167.488 45.717333 213.333333 114.986667 45.845333-69.269333 124.245333-114.986667 213.333333-114.986667 141.376 0 256 114.986667 256 256.832C981.333333 433.536 944.213333 505.429333 886.250667 552.490667zM832.341333 458.858667l-138.858667 0-53.888-197.610667-20.586667 5.610667-20.117333-7.104-93.226667 317.034667-101.077333-252.672-20.245333 6.741333-19.989333-7.509333-50.794667 135.509333L192.341333 458.858667l0 42.666667 128 0 19.989333 7.509333 44.672-119.168 107.114667 267.754667 40.469333-13.504-3.477333-8.661333 3.349333 1.173333 85.76-291.562667 44.202667 162.090667 20.586667-5.610667 149.333333 0L832.341333 458.858667z"></path>
     </symbol>
+
     <defs>
       <filter id="dropshadow" height="130%">
-        <feGaussianBlur in="SourceAlpha" stdDeviation="3"/> <!-- stdDeviation is how much to blur -->
-        <feOffset dx="0" dy="0" result="offsetBlur"/> <!-- how much to offset -->
+        <feGaussianBlur in="SourceAlpha" stdDeviation="3"></feGaussianBlur> <!-- stdDeviation is how much to blur -->
+        <feOffset dx="0" dy="0" result="offsetBlur"></feOffset> <!-- how much to offset -->
         <feComponentTransfer>
-          <feFuncA type="linear" slope="0.5"/> <!-- slope is the opacity of the shadow -->
+          <feFuncA type="linear" slope="0.5"></feFuncA> <!-- slope is the opacity of the shadow -->
         </feComponentTransfer>
         <feMerge>
-          <feMergeNode/> <!-- this contains the offset blurred image -->
-          <feMergeNode in="SourceGraphic"/> <!-- this contains the element that the filter is applied to -->
+          <feMergeNode></feMergeNode> <!-- this contains the offset blurred image -->
+          <feMergeNode in="SourceGraphic"></feMergeNode> <!-- this contains the element that the filter is applied to -->
         </feMerge>
       </filter>
     </defs>

Beberapa file tidak ditampilkan karena terlalu banyak file yang berubah dalam diff ini