I am trying to find a simple way in which to remove the FontAwesome ‘fa-bar’ icon in Boost theme and replace it with ‘fa-arrows‘ in order to make it look like a button.
= 
As simple as it sounds to do, it’s not that easy. In fact I am finding It a pain to figure out where the menu bar changes from a pix icon into a FontAwesome icon? Who Dreams up these complicated ways of building themes. my head is spinning.
Can anyone put me on the right path?
Thanks in anticipation...
Mary
Hi Mary,
Conversion done here: https://github.com/moodle/moodle/blob/MOODLE_36_STABLE/lib/classes/output/icon_system_fontawesome.php#L256 (as 'i/menubar' here https://github.com/moodle/moodle/blob/MOODLE_36_STABLE/theme/boost/templates/navbar.mustache#L23) as https://github.com/moodle/moodle/blob/MOODLE_36_STABLE/theme/boost/config.php#L159. ; If you want to change it then you need to extend the FontAwesome Icon system and the appropriate method. So for example: https://github.com/gjb2048/moodle-theme_essential/blob/master/config.php#L201 and https://github.com/gjb2048/moodle-theme_essential/blob/master/classes/output/icon_system_fontawesome.php. ; Or just change the navbar template to use 'i/dragdrop' i.e. https://github.com/moodle/moodle/blob/MOODLE_36_STABLE/lib/classes/output/icon_system_fontawesome.php#L216.
Gareth
Thank you Gareth....you are a gem!
Hi Mary,
Or you can simply add this scss rule
[data-region="drawer-toggle"] .fa-bars:before {
content: "\f047";
}where f047 is the font-awesome code for fa-arrowsHope this helps
Thanks Jean-Roch
You have answered what was going to be my next question!
Here is how it looks on my Moodle test site... https://visible-expression.co.uk/vle
Cheers
Mary