From da43f97be170b9c14623d1615721755a9a5959cc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 7 Feb 2014 02:08:32 -0800 Subject: Override iOS search input's extra round corners --- less/forms.less | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'less/forms.less') diff --git a/less/forms.less b/less/forms.less index d0189d0cc..d97993318 100644 --- a/less/forms.less +++ b/less/forms.less @@ -150,10 +150,24 @@ output { } } + +// Search inputs in iOS +// +// This overrides the extra rounded corners on search inputs in iOS so that our +// `.form-control` class can properly style them. Note that this cannot simply +// be added to `.form-control` as it's not specific enough. For details, see +// https://github.com/twbs/bootstrap/issues/11586. + +input[type="search"] { + -webkit-appearance: none; +} + + // Special styles for iOS date input // // In Mobile Safari, date inputs require a pixel line-height that matches the // given height of the input. + input[type="date"] { line-height: @input-height-base; } -- cgit v1.2.3 From 4d7b2ddba92e47f923d22d9d7b23cb7b0a3e0bc2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 7 Feb 2014 02:58:10 -0800 Subject: Fixes #12486: Restore full width inputs for input groups in inline forms and navbars --- less/forms.less | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) (limited to 'less/forms.less') diff --git a/less/forms.less b/less/forms.less index d97993318..df83c9d8d 100644 --- a/less/forms.less +++ b/less/forms.less @@ -133,9 +133,14 @@ output { .placeholder(); // Disabled and read-only inputs - // Note: HTML5 says that controls under a fieldset > legend:first-child won't - // be disabled if the fieldset is disabled. Due to implementation difficulty, - // we don't honor that edge case; we style them as disabled anyway. + // + // HTML5 says that controls under a fieldset > legend:first-child won't be + // disabled if the fieldset is disabled. Due to implementation difficulty, we + // don't honor that edge case; we style them as disabled anyway. + // + // Also note that we include `[disabled]` for IE8. All other browsers take the + // `:disabled` selector. + &:disabled, &[disabled], &[readonly], fieldset[disabled] & { @@ -348,6 +353,10 @@ input[type="checkbox"], width: auto; // Prevent labels from stacking above inputs in `.form-group` vertical-align: middle; } + // Input groups need that 100% width though + .input-group > .form-control { + width: 100%; + } .control-label { margin-bottom: 0; -- cgit v1.2.3 From a2f08158d032c1025ca0c6bf411b8282b606fb7b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 7 Feb 2014 15:44:50 -0800 Subject: Nuke shit I added in 4d7b2ddba92e47f923d22d9d7b23cb7b0a3e0bc2 that shouldn't come until v4 --- less/forms.less | 4 ---- 1 file changed, 4 deletions(-) (limited to 'less/forms.less') diff --git a/less/forms.less b/less/forms.less index df83c9d8d..f607b8509 100644 --- a/less/forms.less +++ b/less/forms.less @@ -137,10 +137,6 @@ output { // HTML5 says that controls under a fieldset > legend:first-child won't be // disabled if the fieldset is disabled. Due to implementation difficulty, we // don't honor that edge case; we style them as disabled anyway. - // - // Also note that we include `[disabled]` for IE8. All other browsers take the - // `:disabled` selector. - &:disabled, &[disabled], &[readonly], fieldset[disabled] & { -- cgit v1.2.3 From 7b60470e9b6e159205be5f5a38260ef5756d8569 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 22 Feb 2014 14:16:11 -0800 Subject: Fixes #12801: Add padding to the bottom of .form-control-static to match height of standard form controls --- less/forms.less | 1 + 1 file changed, 1 insertion(+) (limited to 'less/forms.less') diff --git a/less/forms.less b/less/forms.less index f607b8509..24cb0da69 100644 --- a/less/forms.less +++ b/less/forms.less @@ -418,6 +418,7 @@ input[type="checkbox"], .form-control-static { padding-top: (@padding-base-vertical + 1); + padding-bottom: (@padding-base-vertical + 1); } // Only right align form labels here when the columns stop stacking -- cgit v1.2.3 From 754791e3d9b67fd71b6a1250f93ea9723b68e221 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Mon, 24 Feb 2014 14:43:09 -0800 Subject: fix #12836 Thanks @Quy. --- less/forms.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'less/forms.less') diff --git a/less/forms.less b/less/forms.less index 24cb0da69..8c90e4fdf 100644 --- a/less/forms.less +++ b/less/forms.less @@ -51,7 +51,7 @@ input[type="search"] { input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; - margin-top: 1px \9; /* IE8-9 */ + margin-top: 1px \9; // IE8-9 line-height: normal; } -- cgit v1.2.3 From 7733f2437316c2ae10e669a50771646ae8b8e927 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 4 Mar 2014 14:12:57 -0800 Subject: Fixes #12868: Enables icon feedback on validation states for large/small inputs. Also reorders the CSS to place Glyhpicons as a dependency before other components for fewer overrides and less specific CSS. --- less/forms.less | 33 +++++++++++++++++++++------------ 1 file changed, 21 insertions(+), 12 deletions(-) (limited to 'less/forms.less') diff --git a/less/forms.less b/less/forms.less index 8c90e4fdf..273e36608 100644 --- a/less/forms.less +++ b/less/forms.less @@ -271,18 +271,27 @@ input[type="checkbox"], .form-control { padding-right: (@input-height-base * 1.25); } - - // Feedback icon (requires .glyphicon classes) - .form-control-feedback { - position: absolute; - top: (@line-height-computed + 5); // Height of the `label` and its margin - right: 0; - display: block; - width: @input-height-base; - height: @input-height-base; - line-height: @input-height-base; - text-align: center; - } +} +// Feedback icon (requires .glyphicon classes) +.form-control-feedback { + position: absolute; + top: (@line-height-computed + 5); // Height of the `label` and its margin + right: 0; + display: block; + width: @input-height-base; + height: @input-height-base; + line-height: @input-height-base; + text-align: center; +} +.input-lg + .form-control-feedback { + width: @input-height-large; + height: @input-height-large; + line-height: @input-height-large; +} +.input-sm + .form-control-feedback { + width: @input-height-small; + height: @input-height-small; + line-height: @input-height-small; } // Feedback states -- cgit v1.2.3