Shoehorn navicons SVG CSS

Shoehorn navicons SVG CSS

KirK Chapman -
回帖数：1

Hello Gareth, et. al,

So I've used Firebug to style many elements in Shoehorn but I can't figure out how to style (color) the navicons.

I can locate the item

.block_settings .block_tree li.item_with_icon > p img {
height: 16px;
left: 0;
position: absolute;
top: -1px;
vertical-align: middle;
width: 16px;
}
but if I add:
color: #ffffff;

I get no SVG love.

I"m sure SVGs are handled differently than images... I can't figure out how and I'm tired of looking 熊猫眼

Little help please...

Thanks

Peace

附件 SVG_icons.png
平均分： -
回复KirK Chapman

Re: Shoehorn navicons SVG CSS

Gareth J Barnard -
Core developers的头像 Particularly helpful Moodlers的头像 Plugin developers的头像

Hi Kirk,

The svg's are external image files which are vector based.  Their specification is in XML format.  Shoehorn does not use inline SVG files which could contain embedded CSS styles - http://css-tricks.com/using-svg/ - as I consider that technology not fully Moodle integrate-able yet.

So, either use the node.js based grunt script: https://github.com/gjb2048/moodle-theme_shoehorn/blob/master/Gruntfile.js#L104-L113 or edit the files in a text editor / Gimp / Inkscape.

Cheers,

Gareth

平均分： -