From c9898040c5f48cbc472c8d3ceaeee5877f02f67a Mon Sep 17 00:00:00 2001 From: Kevin Ross Date: Tue, 8 Dec 2015 10:52:29 -0600 Subject: [PATCH] Resolves #737 --- Gruntfile.js | 2 +- less/_togglebutton.less | 4 ++ sass/_togglebutton.scss | 4 ++ testcase.html | 123 ++++++++++++++++++++++++++++++++++++++++ 4 files changed, 132 insertions(+), 1 deletion(-) create mode 100644 testcase.html diff --git a/Gruntfile.js b/Gruntfile.js index 144f7bb3..2b3a23a7 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -498,7 +498,7 @@ module.exports = function (grunt) { watch: { html: { - files: ["index.html", "bootstrap-elements.html", "test.html"], + files: ["index.html", "bootstrap-elements.html", "testcase.html"], tasks: ["htmllint", "bootlint"] }, //src: { diff --git a/less/_togglebutton.less b/less/_togglebutton.less index 6e736895..3cf74f83 100644 --- a/less/_togglebutton.less +++ b/less/_togglebutton.less @@ -13,6 +13,10 @@ width: 0; height: 0; } + + .toggle { + text-align: left; // Issue #737 horizontal form + } // Switch bg off and disabled .toggle, input[type=checkbox][disabled] + .toggle { diff --git a/sass/_togglebutton.scss b/sass/_togglebutton.scss index 9d5372b5..d1bc3110 100644 --- a/sass/_togglebutton.scss +++ b/sass/_togglebutton.scss @@ -15,6 +15,10 @@ width: 0; height: 0; } + + .toggle { + text-align: left; // Issue #737 horizontal form + } // Switch bg off and disabled .toggle, input[type=checkbox][disabled] + .toggle { diff --git a/testcase.html b/testcase.html new file mode 100644 index 00000000..5a01ef3c --- /dev/null +++ b/testcase.html @@ -0,0 +1,123 @@ + + + + + + Material Design for Bootstrap temporary development test case + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ Horizontal Form + +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+ Standard Form + +
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + +