From 72d714f8ea6dceeb06572d1fcb81dcad2b0fb82a Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Fri, 3 Mar 2017 10:52:53 +0100
Subject: [PATCH] SPR-843: Fontello Icons umstellen auf Material Design Icons

---
 css/area_header.less      | 41 +++++++++++++++++----------------------
 tpl/main-sidebar-logo.php |  2 +-
 2 files changed, 19 insertions(+), 24 deletions(-)

diff --git a/css/area_header.less b/css/area_header.less
index d207d80..cd7578b 100755
--- a/css/area_header.less
+++ b/css/area_header.less
@@ -7,29 +7,28 @@
 
 #dokuwiki__header {
     .menu-togglelink {
-        border: 1px solid @color-border;
-        border-radius: @border-radius;
-        text-align: center;
         margin: @very-small-spacing -(@very-small-spacing) 0 0;
 
-        font-size: @font-size-small;
-        min-height: 2em;
-        min-width: 2em;
-        box-sizing: border-box;
-        line-height: 2em;
+        a {
+            .fontello();
+            .icon-menu();
 
-        cursor: pointer;
-        background-color: #fff;
-        text-decoration: none;
-        transition: @transition color, @transition background-color, @transition border-color;
+            display: block;
+            min-height: @toggle-size;
+            min-width: @toggle-size;
+            box-sizing: border-box;
+            background-color: #fff;
+            border: 1px solid @color-border;
+            border-radius: @border-radius;
+            font-size: 1rem;
+            text-align: center;
+            text-decoration: none;
+            line-height: 1;
+            transition: @transition color, @transition background-color, @transition border-color;
 
-        svg {
-            height: @font-size-default + (@font-scale-factor * 4);
-            width: @font-size-default + (@font-scale-factor * 4);
-            vertical-align: middle;
-
-            path {
-                fill: @color-nav
+            &::before {
+                font-size: 1.5rem;
+                margin: .1rem 0 0;
             }
         }
 
@@ -38,10 +37,6 @@
         &:focus {
             background-color: @button_color;
             border-color: @button_background;
-
-            svg path {
-                fill: @button_background;
-            }
         }
     }
 }
diff --git a/tpl/main-sidebar-logo.php b/tpl/main-sidebar-logo.php
index 6987875..4766e21 100755
--- a/tpl/main-sidebar-logo.php
+++ b/tpl/main-sidebar-logo.php
@@ -3,7 +3,7 @@ if(!defined('DOKU_INC')) die();
 
 echo '<div class="menu-togglelink mobile-only">';
 echo '<a href="#">';
-echo inlineSVG(__DIR__ . '/../img/menu.svg');
+//echo inlineSVG(__DIR__ . '/../img/menu.svg');
 echo '<span class="sr-out">'.tpl_getLang('a11y_sidebartoggle').'</span>';
 echo '</a>';
 echo '</div>';