Hutchy68 / pivot

A MediaWiki mobile skin which "Pivots" seamlessly to any size display.
https://pivot.wikiproject.net
BSD 2-Clause "Simplified" License
37 stars 18 forks source link

Feature Request: Font Awesome 5.0 #62

Open RickAtFenestra opened 6 years ago

RickAtFenestra commented 6 years ago

Feature Request

A feature request: upgrade support to the "free" version of Font Awesome 5.x. Thanks for the skin... it is great.

Hutchy68 commented 6 years ago

Love to upgrade, but this will require some work. What is at issue, open source version vs pro (paid) and the icons available to the open source. Some changed, some did not, some have a different call to render them.

poVoq commented 6 years ago

Maybe better to stick with Fork-Awesome?: https://github.com/ForkAwesome/Fork-Awesome

designnerd commented 4 years ago

We implemented a temporary fix for this by creating a customizations folder in the MW directory, then placing the FontAwesome5 basic (free) set items we downloaded there, then added the following workaround in LocalSettings.php:

Load Theme Customizations

$wgResourceModules['ourtheme-customizations'] = array( 'styles' => "/fontawesome-5-8-2/css/all.css", // Stylesheet to be loaded in all skins 'scripts' => "", // Script file to be loaded in all skins 'localBasePath' => "$IP/customizations/", 'remoteBasePath' => "$wgScriptPath/customizations/" ); function efCustomBeforePageDisplay( &$out, &$skin ) { $out->addModules( array( 'ourtheme-customizations' ) ); }

Then in the CSS:

yourElement {

content: "\f0f3";
font-family: "Font Awesome\ 5 Free";
font-weight:900;

}

Not an ideal way to do it but it gets the job done as a temporary workaround. :)