From 1664f69b0d9aa91eef985500a10917a0acd55d30 Mon Sep 17 00:00:00 2001 From: Prateek Saxena Date: Wed, 24 Sep 2014 15:12:29 -0700 Subject: [PATCH] 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 --- resources/src/mediawiki.ui/components/buttons.less | 1 + resources/src/mediawiki.ui/components/icons.less | 1 + 2 files changed, 2 insertions(+) diff --git a/resources/src/mediawiki.ui/components/buttons.less b/resources/src/mediawiki.ui/components/buttons.less index 3d60b7a4e1..01c481d108 100644 --- 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 3a92b21a2b..bf8e41e731 100644 --- 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 // -- 2.20.1