SPR-843: Fontello Icons umstellen auf Material Design Icons

This commit is contained in:
Silke Pisulla 2017-03-03 10:52:53 +01:00
commit 72d714f8ea
2 changed files with 19 additions and 24 deletions

View file

@ -7,29 +7,28 @@
#dokuwiki__header { #dokuwiki__header {
.menu-togglelink { .menu-togglelink {
border: 1px solid @color-border;
border-radius: @border-radius;
text-align: center;
margin: @very-small-spacing -(@very-small-spacing) 0 0; margin: @very-small-spacing -(@very-small-spacing) 0 0;
font-size: @font-size-small; a {
min-height: 2em; .fontello();
min-width: 2em; .icon-menu();
box-sizing: border-box;
line-height: 2em;
cursor: pointer; display: block;
background-color: #fff; min-height: @toggle-size;
text-decoration: none; min-width: @toggle-size;
transition: @transition color, @transition background-color, @transition border-color; 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 { &::before {
height: @font-size-default + (@font-scale-factor * 4); font-size: 1.5rem;
width: @font-size-default + (@font-scale-factor * 4); margin: .1rem 0 0;
vertical-align: middle;
path {
fill: @color-nav
} }
} }
@ -38,10 +37,6 @@
&:focus { &:focus {
background-color: @button_color; background-color: @button_color;
border-color: @button_background; border-color: @button_background;
svg path {
fill: @button_background;
}
} }
} }
} }

View file

@ -3,7 +3,7 @@ if(!defined('DOKU_INC')) die();
echo '<div class="menu-togglelink mobile-only">'; echo '<div class="menu-togglelink mobile-only">';
echo '<a href="#">'; 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 '<span class="sr-out">'.tpl_getLang('a11y_sidebartoggle').'</span>';
echo '</a>'; echo '</a>';
echo '</div>'; echo '</div>';