buttons: Set min-width of button groups and icon buttons

This was initially changed to 80px in
I8e6beaf12d7cf1f1af20f4ff144eb0a7c2667a47
and then to 70px because 80px was too large for mobile in
I00b44508e7783957a8c24c4890cc1ba4dfe265da

Buttons inside button groups and icon buttons have a requirement
of being narrower than that but not narrower than their height.

When pseudo element css is not supported icons need a min-width

Bug: 71248
Change-Id: Icf45b9c8800067d3e30f23bbda4a6de21b1289d1

diff --git a/resources/src/mediawiki.ui/components/buttons.less b/resources/src/mediawiki.ui/components/buttons.less
index 3d60b7a..01c481d 100644 (file)
--- a/resources/src/mediawiki.ui/components/buttons.less
+++ b/resources/src/mediawiki.ui/components/buttons.less
@@ -257,6 +257,7 @@ a.mw-ui-button {
 //
 // Styleguide 2.2.
 .mw-ui-button-group > * {
+       min-width: 48px;
        border-radius: 0;
        float: left;
 

diff --git a/resources/src/mediawiki.ui/components/icons.less b/resources/src/mediawiki.ui/components/icons.less
index 3a92b21..bf8e41e 100644 (file)
--- a/resources/src/mediawiki.ui/components/icons.less
+++ b/resources/src/mediawiki.ui/components/icons.less
@@ -23,6 +23,7 @@
 .mw-ui-icon {
        position: relative;
        min-height: @iconSize;
+       min-width: @iconSize;
 
        // Standalone icons
        //