From: Matthew Flaschen <mflaschen@wikimedia.org>
Date: Tue, 7 Oct 2014 02:52:32 +0000 (-0400)
Subject: MW UI: Show all permutations of checkboxes in Living Style Guide
X-Git-Tag: 1.31.0-rc.0~13666
X-Git-Url: http://git.cyclocoop.org/%22.%24h.%22?a=commitdiff_plain;h=57d98abc503b3f120c4971b9ab9c80c732721ffd;p=lhc%2Fweb%2Fwiklou.git

MW UI: Show all permutations of checkboxes in Living Style Guide

* Regular unchecked
* Regular checked (added)
* Disabled unchecked
* Disabled checked

Although you can obviously check and uncheck it yourself, it's easier
for the user to show them the permutations on page load.  Otherwise,
they might not even notice the special check mark image.

Also, fix a couple unrelated typos in buttons.less.

Change-Id: I17b63eeb424e23d1c3b9ce9ab8bfaa66b5bf4a46
---

diff --git a/resources/src/mediawiki.ui/components/buttons.less b/resources/src/mediawiki.ui/components/buttons.less
index 64909960d6..89a564a81e 100644
--- a/resources/src/mediawiki.ui/components/buttons.less
+++ b/resources/src/mediawiki.ui/components/buttons.less
@@ -188,7 +188,7 @@
 
 	// Quiet buttons
 	//
-	// Use quiet buttons when they are less important and alongisde other progressive/destructive/progressive buttons.
+	// Use quiet buttons when they are less important and alongside other constructive/progressive/destructive buttons.
 	// Use of quiet buttons is not recommended on mobile/tablet due to lack of hover state.
 	//
 	// Markup:
diff --git a/resources/src/mediawiki.ui/components/checkbox.less b/resources/src/mediawiki.ui/components/checkbox.less
index 826c82f00f..a177940a0d 100644
--- a/resources/src/mediawiki.ui/components/checkbox.less
+++ b/resources/src/mediawiki.ui/components/checkbox.less
@@ -14,7 +14,13 @@
 //   <input type="checkbox" id="kss-example-5"><label for="kss-example-5">Standard checkbox</label>
 // </div>
 // <div class="mw-ui-checkbox">
-//   <input type="checkbox" id="kss-example-5-2" disabled><label for="kss-example-5-2">Disabled checkbox</label>
+//   <input type="checkbox" id="kss-example-5-checked" checked><label for="kss-example-5-checked">Standard checked checkbox</label>
+// </div>
+// <div class="mw-ui-checkbox">
+//   <input type="checkbox" id="kss-example-5-disabled" disabled><label for="kss-example-5-disabled">Disabled checkbox</label>
+// </div>
+// <div class="mw-ui-checkbox">
+//   <input type="checkbox" id="kss-example-5-disabled-checked" disabled checked><label for="kss-example-5-disabled-checked">Disabled checked checkbox</label>
 // </div>
 //
 // Styleguide 5.