User:Inductiveload/show markup.js

/* * Simple hacks to reveal some interesting markup */

( function ( $, mw ) {	/* Show certain things with widths in px */	function revealPxWidth {		// eslint-disable-next-line no-jquery/no-global-selector		$( '.wst-auxtoc, .wst-block-center, table, .wst-border, .wst-block-right, .wst-block-left' ).each( function ( idx, val ) { var $elem = $( val ); var csses = [ 'width', 'max-width', 'min-width' ];

for ( var i = 0; i < csses.length; ++i ) { var cssVal = val.style[ csses[ i ] ]; // non-computed if ( cssVal.endsWith( 'px' ) && cssVal !== '0px' ) { $elem.prepend(						$( ' ' )							.addClass( 'px-warning' )							.css( 'color', 'red' )							.css( 'font-size', '60%' )							.append( csses[ i ] + ': ' + cssVal + '; ' )					); }			}		} );	}

$( function {		// console.log( 'Show markup loaded' );		revealPxWidth;	} ); // eslint-disable-next-line no-undef }( jQuery, mediaWiki ) );