فهرست منبع

HUE-3294 [core] Replace the top nav logo with svg version

Johan Ahlen 9 سال پیش
والد
کامیت
38824094f9
2فایلهای تغییر یافته به همراه22 افزوده شده و 1 حذف شده
  1. 17 0
      desktop/core/src/desktop/templates/hue_icons.mako
  2. 5 1
      desktop/core/src/desktop/templates/responsive.mako

+ 17 - 0
desktop/core/src/desktop/templates/hue_icons.mako

@@ -16,6 +16,23 @@
 
 <%def name="symbols()">
   <svg version="1.1" xmlns="http://www.w3.org/2000/svg" style="display:none;">
+    <symbol id="hue-logo" viewBox="0 0 159.657 40">
+      <defs>
+        <style>
+          .logo-main {
+            fill: #f2f2f2;
+          }
+          .logo-trunk {
+            fill: #C16FC1;
+          }
+        </style>
+      </defs>
+      <path class="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 class="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 class="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 class="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"/>
+    </symbol>
+
     <symbol id="hi-file" viewBox="0 0 640 640">
       <path d="M574.3,143.67L445.74,12.32A41.24,41.24,0,0,0,416.44,0H95A41,41,0,0,0,54,41V599a41,41,0,0,0,41,41H545a41,41,0,0,0,41-41V172.35A40.78,40.78,0,0,0,574.3,143.67ZM422.87,34.7L551.43,166a9,9,0,0,1,2.57,6.3V181H413.51a8.19,8.19,0,0,1-8.51-8.51V32h11.44A9.05,9.05,0,0,1,422.87,34.7ZM545,608H95a9,9,0,0,1-9-9V41a9,9,0,0,1,9-9H373V172.49A40.21,40.21,0,0,0,413.51,213H554V599A9,9,0,0,1,545,608Z"></path>
     </symbol>

+ 5 - 1
desktop/core/src/desktop/templates/responsive.mako

@@ -91,7 +91,11 @@ ${ hueIcons.symbols() }
         <span class="hamburger-inner"></span>
       </span>
       </a>
-      <a class="nav-tooltip pull-left" title="${_('Homepage')}" rel="navigator-tooltip" href="/home"><img src="${ static('desktop/art/hue-logo-mini-white.png') }" data-orig="${ static('desktop/art/hue-logo-mini-white.png') }" data-hover="${ static('desktop/art/hue-logo-mini-white-hover.png') }"/></a>
+      <a class="nav-tooltip pull-left" title="${_('Homepage')}" rel="navigator-tooltip" href="/home">
+        <svg style="margin-top:8px;margin-left:8px;height: 30px;width:120px;display: inline-block;">
+          <use xlink:href="#hue-logo"></use>
+        </svg>
+      </a>
       <div class="compose-action btn-group">
         <button class="btn">${ _('Compose') }</button>
         <button class="btn dropdown-toggle" data-toggle="dropdown">