From 53b697f60bf4c4350c21c98a72937cd6c3eca8f7 Mon Sep 17 00:00:00 2001 From: Tealk Date: Wed, 31 Jan 2018 18:28:14 +0100 Subject: [PATCH] Font-Awesome fixed and IE9 removed * replaced the font-awesome js with css * fixed #47 * fixed #46 * removed IE9 support --- Pivot.skin.php | 19 +----- assets/scripts/pivot.js | 64 ------------------ assets/stylesheets/fontawsome.css | 68 +++++++++++++++++++ assets/stylesheets/pivot.css | 108 ------------------------------ skin.json | 3 +- 5 files changed, 72 insertions(+), 190 deletions(-) create mode 100644 assets/stylesheets/fontawsome.css diff --git a/Pivot.skin.php b/Pivot.skin.php index 07bf802..2b87afb 100644 --- a/Pivot.skin.php +++ b/Pivot.skin.php @@ -34,25 +34,10 @@ class SkinPivot extends SkinTemplate { $wgPivotFeatures[$fgOption] = $fgOptionValue; } } - switch ($wgPivotFeatures['IeEdgeCode']) { - case 1: - $out->addHeadItem('ie-meta', ''); - break; - case 2: - if (isset($_SERVER['HTTP_USER_AGENT']) && (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== false)) - header('X-UA-Compatible: IE=edge'); - break; - } $out->addModuleStyles('skins.pivot.styles'); - } - - public function initPage(OutputPage $out) { - global $wgLocalStylePath; - parent::initPage($out); - - $viewport_meta = 'width=device-width, user-scalable=yes, initial-scale=1.0'; - $out->addMeta('viewport', $viewport_meta); $out->addModuleScripts('skins.pivot.js'); + $out->addHeadItem('font', ''); + } } diff --git a/assets/scripts/pivot.js b/assets/scripts/pivot.js index b49e8cf..623cc8b 100644 --- a/assets/scripts/pivot.js +++ b/assets/scripts/pivot.js @@ -1,11 +1,6 @@ jQuery(document).ready(function() { - // Add the 'less than IE9' class to appropriate version of IE by checking for their support of cssFloat (true in v9) - if (!jQuery.support.cssFloat) { jQuery('html').addClass('lt-ie9').addClass('no-js'); } - - jQuery(document).foundation(function (response) { - // console.log(response.errors); < this line will produce error in ie9! if (window.console) console.log(response.errors); }); @@ -16,63 +11,4 @@ jQuery(document).ready(function() { jQuery("#pt-notifications-alert").prependTo("#echo-notifications-alerts"); jQuery("#pt-notifications-notice").prependTo("#echo-notifications-notice"); - // Append font-awesome icons - jQuery('[id^=ca-nstab] a').prepend('
') - jQuery('li#ca-talk a').prepend('
') - jQuery('li#ca-form_edit a').prepend('
') - jQuery('li#ca-history a').prepend('
') - jQuery('li#ca-delete a').prepend('
') - jQuery('li#ca-move a').prepend('
') - jQuery('li#ca-protect a').prepend('
') - jQuery('li#ca-unprotect a').prepend('
') - jQuery('li#ca-watch a').prepend('
') - jQuery('li#ca-unwatch a').prepend('
') - jQuery('li#ca-purge a').prepend('
') - jQuery('li#ca-undelete a').prepend('
') - jQuery('li#ca-ask_delete_permanently a').prepend('
') - -if ( jQuery( '#ca-addsection' ).length ) { - jQuery('li#ca-addsection a').html('
' + jQuery('li#ca-addsection a').attr('title').replace(/\[.+/g,"")) -} - - jQuery('li#pt-uls a').prepend('
') - jQuery('li#pt-userpage a').prepend('
') - jQuery('li#pt-mytalk a').prepend('
') - jQuery('li#pt-adminlinks a').prepend('
') - jQuery('li#pt-preferences a').prepend('
') - jQuery('li#pt-watchlist a').prepend('
') - jQuery('li#pt-mycontris a').prepend('
') - jQuery('li#pt-logout a').prepend('
') - - jQuery('li#t-smwbrowselink a').prepend('
') - jQuery('li#t-whatlinkshere a').prepend('
') - jQuery('li#t-blockip a').prepend('
') - jQuery('li#t-recentchangeslinked a').prepend('
') - jQuery('li#t-contributions a').prepend('
') - jQuery('li#t-log a').prepend('
') - jQuery('li#t-emailuser a').prepend('
') - jQuery('li#t-userrights a').prepend('
') - jQuery('li#t-upload a').prepend('
') - jQuery('li#t-specialpages a').prepend('
') - jQuery('li#t-print a').prepend('
') - jQuery('li#t-permalink a').prepend('
') - jQuery('li#t-info a').prepend('
') - jQuery('li#t-cite a').prepend('
') - jQuery('li#feedlinks a').prepend('
') - - jQuery('li#n-recentchanges a').prepend('
') - jQuery('li#n-help a').prepend('
') - jQuery('li#n-randompage a').prepend('
') - - - // Turn categories into labels - jQuery('#mw-normal-catlinks ul li a').addClass('label'); - -}); - -// Have to wait until the window is fully loaded because of Visual Editor to prepend icons for editing -jQuery(window).load(function() { - jQuery('li#ca-ve-edit a').prepend('
') - jQuery('li#ca-viewsource a').prepend('
') - jQuery('li#ca-edit a').prepend('
') }); \ No newline at end of file diff --git a/assets/stylesheets/fontawsome.css b/assets/stylesheets/fontawsome.css new file mode 100644 index 0000000..0820c42 --- /dev/null +++ b/assets/stylesheets/fontawsome.css @@ -0,0 +1,68 @@ +.side-nav li a:before, +#drop1 li a:before, +.right-off-canvas-menu li a:before { + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + margin-right: 5px; + display: inline-block; + width: 1em; + +} +/* -- Navigation -- */ +#n-mainpage-description a:before {content: "\f015";} +#n-recentchanges a:before {content: "\f0ae";} +#n-randompage a:before {content: "\f074";} +#n-help a:before {content: "\f128";} + +/* -- Toolbox -- */ +#t-whatlinkshere a:before {content: "\f047";} +#t-recentchangeslinked a:before {content: "\f0c9";} +#t-specialpages a:before {content: "\f0d0";} +#t-print a:before {content: "\f02f";} +#t-permalink a:before {content: "\f192";} +#t-info a:before {content: "\f129";} + +/* -- Actions -- */ +#ca-nstab-main a:before {content: "\f015";} +#ca-talk a:before {content: "\f0e6";} +#ca-edit a:before {content: "\f044";} +#ca-history a:before {content: "\f187";} +#ca-delete a:before {content: "\f014";} +#ca-move a:before {content: "\f0d1";} +#ca-protect a:before {content: "\f132";} +#ca-unprotect a:before {content: "\f132";} +#ca-watch a:before {content: "\f006";} +#ca-unwatch a:before {content: "\f005";} + +#ca-ve-edit a:before {content: "\f040";} +#ca-viewsource a:before {content: "\f02d";} +#ca-form_edit a:before {content: "\f14b";} +#ca-purge a:before {content: "\f021";} +#ca-undelete a:before {content: "\f0e2";} +#ca-ask_delete_permanently a:before {content: "\f0c4";} +#ca-addsection a:before {content: "\f067";} + +/* -- Usermenu -- */ +#pt-userpage a:before {content: "\f007";} +#pt-mytalk a:before {content: "\f086";} +#pt-adminlinks a:before {content: "\f0e7";} +#pt-preferences a:before {content: "\f141";} +#pt-watchlist a:before {content: "\f00b";} +#pt-mycontris a:before {content: "\f118";} +#pt-logout a:before {content: "\f011";} + +#pt-uls a:before {content: "\f02d";} + + + +#t-smwbrowselink a:before {content: "\f06e";} +#t-blockip a:before {content: "\f05e";} +#t-contributions a:before {content: "\f118";} +#t-log a:before {content: "\f0c9";} +#t-emailuser a:before {content: "\f0e0";} +#t-userrights a:before {content: "\f0e3";} +#t-upload a:before {content: "\f093";} +#t-cite a:before {content: "\f10d";} +#feedlinks a:before {content: "\f09e";} \ No newline at end of file diff --git a/assets/stylesheets/pivot.css b/assets/stylesheets/pivot.css index d0dfd11..3a4fd7b 100644 --- a/assets/stylesheets/pivot.css +++ b/assets/stylesheets/pivot.css @@ -73,7 +73,6 @@ body.action-formedit .row.hide-on-form-edit { display: none;} #p-cactions #drop1 { z-index: 1000; white-space: nowrap; - border: 1px solid cyan; } #p-cactions #drop1 a { width: 100%; @@ -648,113 +647,6 @@ span.smwttactiveinline span.smwbuiltin { div.mw-htmlform-field-HTMLCheckField div.mw-label { height:0; } -/* ZUBR IE8 FIXES */ -/* GRID: https://gist.github.com/zurbchris/5068210 */ -.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; } -.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } -.lt-ie9 .row.large-collapse .column, -.lt-ie9 .row.large-collapse .columns { padding: 0; } -.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } -.lt-ie9 .row .row.large-collapse { margin: 0; } - -.lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } -.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; } - -.lt-ie9 [class*="column"] + [class*="column"]:last-child { float: right; } -.lt-ie9 [class*="column"] + [class*="column"].end { float: left; } - -.lt-ie9 .large-1, -.lt-ie9 .row .large-1 { width: 8.33333%; } - -.lt-ie9 .large-2, -.lt-ie9 .row .large-2 { width: 16.66667%; } - -.lt-ie9 .large-3, -.lt-ie9 .row .large-3 { width: 25%; } - -.lt-ie9 .large-4, -.lt-ie9 .row .large-4 { width: 33.33333%; } - -.lt-ie9 .large-5, -.lt-ie9 .row .large-5 { width: 41.66667%; } - -.lt-ie9 .large-6, -.lt-ie9 .row .large-6 { width: 50%; } - -.lt-ie9 .large-7, -.lt-ie9 .row .large-7 { width: 58.33333%; } - -.lt-ie9 .large-8, -.lt-ie9 .row .large-8 { width: 66.66667%; } - -.lt-ie9 .large-9, -.lt-ie9 .row .large-9 { width: 75%; } - -.lt-ie9 .large-10, -.lt-ie9 .row .large-10 { width: 83.33333%; } - -.lt-ie9 .large-11, -.lt-ie9 .row .large-11 { width: 91.66667%; } - -.lt-ie9 .large-12, -.lt-ie9 .row .large-12 { width: 100%; } - -.lt-ie9 .row .large-offset-1 { margin-left: 8.33333%; } -.lt-ie9 .row .large-offset-2 { margin-left: 16.66667%; } -.lt-ie9 .row .large-offset-3 { margin-left: 25%; } -.lt-ie9 .row .large-offset-4 { margin-left: 33.33333%; } -.lt-ie9 .row .large-offset-5 { margin-left: 41.66667%; } -.lt-ie9 .row .large-offset-6 { margin-left: 50%; } -.lt-ie9 .row .large-offset-7 { margin-left: 58.33333%; } -.lt-ie9 .row .large-offset-8 { margin-left: 66.66667%; } -.lt-ie9 .row .large-offset-9 { margin-left: 75%; } -.lt-ie9 .row .large-offset-10 { margin-left: 83.33333%; } - -.lt-ie9 .pull-2 { right: 16.66667%; } -.lt-ie9 .pull-3 { right: 25%; } -.lt-ie9 .pull-4 { right: 33.33333%; } -.lt-ie9 .pull-5 { right: 41.66667%; } -.lt-ie9 .pull-6 { right: 50%; } -.lt-ie9 .pull-7 { right: 58.33333%; } -.lt-ie9 .pull-8 { right: 66.66667%; } -.lt-ie9 .pull-9 { right: 75%; } -.lt-ie9 .pull-10 { right: 83.33333%; } - -.lt-ie9 .push-2 { left: 16.66667%; } -.lt-ie9 .push-3 { left: 25%; } -.lt-ie9 .push-4 { left: 33.33333%; } -.lt-ie9 .push-5 { left: 41.66667%; } -.lt-ie9 .push-6 { left: 50%; } -.lt-ie9 .push-7 { left: 58.33333%; } -.lt-ie9 .push-8 { left: 66.66667%; } -.lt-ie9 .push-9 { left: 75%; } -.lt-ie9 .push-10 { left: 83.33333%; } - -/* Nicolas Gallagher's micro clearfix */ -.lt-ie9 .row { *zoom: 1; } -.lt-ie9 .row:before, .row:after { content: " "; display: table; } -.lt-ie9 .row:after { clear: both; } -/* END IE8 GRID */ - -.lt-ie9 .hide-for-small { display: block !important; } - -/* TOP NAV */ -.lt-ie9 .top-bar-section { - display:block; -} - -.lt-ie9 .top-bar-section ul { - height: auto; - width: 100%; -} - -.lt-ie9 .top-bar .top-bar-section ul, -.lt-ie9 .top-bar .top-bar-section ul li { - float: left; - display: inline; -} -/* END OTHER IE8 FIXES */ - /* UNTIL I CAN DETERMINE WHY toolboxend GENERATES AN EMPTY
  • IN THE MENU, I'M HIDING IT */ #p-toolboxend { display:none;} diff --git a/skin.json b/skin.json index e47ef7a..b28abe5 100644 --- a/skin.json +++ b/skin.json @@ -25,9 +25,10 @@ "position": "top", "styles": [ "assets/stylesheets/normalize.css", - "assets/stylesheets/font-awesome.css", + "assets/stylesheets/font-awesome.min.css", "assets/stylesheets/foundation.css", "assets/stylesheets/pivot.css", + "assets/stylesheets/fontawsome.css", "assets/stylesheets/pivot-print.css" ] },