Shoehorn navicons SVG CSS

Shoehorn navicons SVG CSS

by KirK Chapman -
Number of replies: 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 black eye

Little help please...

Thanks

Peace

Attachment SVG_icons.png
Average of ratings: -
In reply to KirK Chapman

Re: Shoehorn navicons SVG CSS

by Gareth J Barnard -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of 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

Average of ratings: -