ContribsButtons/es

ContribsButtons transforms the links at the top of Special:Contributions pages into a flexible grid of WDS-esque buttons that are easier to click & tap than the original row of links due to their increased size. ContribsButtons is designed to work with VSTFReport if it is installed, incorporating the links it provides into the grid.

Optional Step Two: JavaScript
If installed globally, a complementary JavaScript extension exists that adds button and hover styling for ContribsButtons using the button color Sass parameter. However, this extension is not intended to replace a vanilla CSS configuration when installing ContribsButtons site-wide, as it would result in a completely avoidable flash of unstyled content.

Configuration
When installing ContribsButtons site-wide or personally on an individual Wiki, the following CSS rules can be placed below the import to make the buttons adopt whichever colors are desired: Simply replace “red” with any color value (hex code, rgb, rgba, et cetera) to specify the inert color, & do the same with “green” to specify the color when hovering or clicking.

Changelog

 * 02/03/2018
 * Initial revision.


 * 02/05/2018
 * VSTFReportButton color fix
 * Padding tweak.


 * 02/08/2018
 * Rewrote main stylesheet for QuickLogs support.
 * Merged fork into the main stylesheet.
 * Padding was standardized.


 * 03/05/2018
 * Added CBD extension.


 * 03/11/2018
 * Vendor prefixes were corrected.
 * Font-family & background-image properties were standardized to ignore local user styling.


 * 03/22/2018
 * A bug in older versions of Safari that caused the buttons to break was fixed.


 * 09/26/2018
 * Resolved an issue where local CSS usages of  would override flex display.


 * 01/07/2019
 * Added script.