From b0d202455d9d604050768b512ff96d3b65329867 Mon Sep 17 00:00:00 2001 From: Edgar Schnueriger Date: Mon, 17 Jun 2013 18:56:17 +0200 Subject: Fixes broken layout for .input-group-addons within .input-large. Follows 6ce154c7ed64f3821cc7d6cbb0bfcf65b25f1b49 --- 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 10a315da6..fd44308b9 100644 --- a/less/forms.less +++ b/less/forms.less @@ -227,6 +227,7 @@ input[type="search"], input[type="tel"], input[type="color"] { &.input-large { + min-height: @input-height-large; padding: @padding-large-vertical @padding-large-horizontal; font-size: @font-size-large; border-radius: @border-radius-large; -- cgit v1.2.3 From 90d4343f66d1cdafe24b6de0dbb6ae64312df323 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Jun 2013 16:42:05 -0700 Subject: Fixes #8093: Removes invalid focus styles on inputs --- less/forms.less | 14 -------------- 1 file changed, 14 deletions(-) (limited to 'less/forms.less') diff --git a/less/forms.less b/less/forms.less index fd44308b9..0d55cd148 100644 --- a/less/forms.less +++ b/less/forms.less @@ -287,20 +287,6 @@ input[type="checkbox"] { .form-field-validation(@state-success-text, @state-success-text, @state-success-bg); } -// HTML5 invalid states -// Shares styles with the .control-group.error above -input:focus:invalid, -textarea:focus:invalid, -select:focus:invalid { - color: #b94a48; - border-color: #ee5f5b; - &:focus { - border-color: darken(#ee5f5b, 10%); - @shadow: 0 0 6px lighten(#ee5f5b, 20%); - .box-shadow(@shadow); - } -} - -- cgit v1.2.3 From 82f9de94593ea5dd8a8efd6a317a6c8b319cfff2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Jun 2013 17:02:10 -0700 Subject: Fixes #8159: Be more specific about disabled inputs to avoid iOS bug Attached disabled styles to the exact input types rather than all inputs and reseting the checkbox/radios. If setting `background-color: transparent;`, iOS renders no background on the disabled control. --- less/forms.less | 40 +++++++++++----------------------------- 1 file changed, 11 insertions(+), 29 deletions(-) (limited to 'less/forms.less') diff --git a/less/forms.less b/less/forms.less index 0d55cd148..609580928 100644 --- a/less/forms.less +++ b/less/forms.less @@ -72,6 +72,17 @@ input[type="color"] { outline: 0; .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)"); } + + // Disabled and read-only inputs + // Note: HTML5 says that inputs 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. + &[disabled], + &[readonly], + fieldset[disabled] & { + cursor: not-allowed; + background-color: @input-bg-disabled; + } } // Reset appearance properties for textual inputs and textarea @@ -241,35 +252,6 @@ input[type="color"] { } -// DISABLED STATE -// -------------- - -// Disabled and read-only inputs -// Note: HTML5 says that inputs 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. -input, -select, -textarea { - &[disabled], - &[readonly], - fieldset[disabled] & { - cursor: not-allowed; - background-color: @input-bg-disabled; - } -} -// Explicitly reset the colors here -input[type="radio"], -input[type="checkbox"] { - &[disabled], - &[readonly], - fieldset[disabled] & { - background-color: transparent; - } -} - - - // FORM FIELD FEEDBACK STATES // -------------------------- -- cgit v1.2.3 From 9ed5b5e6534b45f29f318d983a7e09be1f7ac946 Mon Sep 17 00:00:00 2001 From: Luis Hdez Date: Tue, 25 Jun 2013 14:34:57 +0200 Subject: Fix line breaks on add-ons with spaces --- 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 609580928..912487610 100644 --- a/less/forms.less +++ b/less/forms.less @@ -321,6 +321,7 @@ input[type="color"] { .input-group-addon, .input-group-btn { width: 1%; + white-space: nowrap; vertical-align: middle; // Match the inputs } -- cgit v1.2.3 From 64a01f01cb470a8c69e918c3086a03af700ebbba Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Tue, 25 Jun 2013 17:01:46 -0600 Subject: Spelling in comment --- 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 912487610..97fbad4cc 100644 --- a/less/forms.less +++ b/less/forms.less @@ -425,7 +425,7 @@ input[type="color"] { } } -// Only right aline form labels here when the columns stop stacking +// Only right align form labels here when the columns stop stacking @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; -- cgit v1.2.3 From d2b5f4e45c5dc75bd7b096068a71d10271191520 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Tue, 25 Jun 2013 17:03:57 -0600 Subject: Fix typo in comment --- 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 912487610..a9a124bd4 100644 --- a/less/forms.less +++ b/less/forms.less @@ -195,7 +195,7 @@ textarea { // Move the options list down to align with labels .controls > .radio:first-child, .controls > .checkbox:first-child { - padding-top: 5px; // has to be padding because margin collaspes + padding-top: 5px; // has to be padding because margin collapses } */ -- cgit v1.2.3 From d9a662ed1dbe3dbfe30980d45c831e3b454bff86 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Jun 2013 20:15:44 -0700 Subject: fixes #7977: prevent some table bullshit on input groups --- 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 a96849d5f..ea340007c 100644 --- a/less/forms.less +++ b/less/forms.less @@ -291,6 +291,7 @@ input[type="color"] { // ------------------------- .input-group { display: table; + border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table // Undo padding and float of grid classes &.col { -- cgit v1.2.3 From 5b2d933524616c9948c9e5229c14e109aa83727a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Jul 2013 19:49:29 -0700 Subject: Fixes #8350: unfuck Chrome number input element cursor /cc @cvrebert @eintnohick --- less/forms.less | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'less/forms.less') diff --git a/less/forms.less b/less/forms.less index ea340007c..45f453789 100644 --- a/less/forms.less +++ b/less/forms.less @@ -149,6 +149,16 @@ input[type="checkbox"]:focus { .tab-focus(); } +// Fix for Chrome number input +// Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button. +// See https://github.com/twitter/bootstrap/issues/8350 for more. +input[type="number"] { + &::-webkit-outer-spin-button + &::-webkit-inner-spin-button { + height: auto; + } +} + // Placeholder // ------------------------- -- cgit v1.2.3 From 749dc35328862896d613bfe72fc961e490037fad Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Jul 2013 20:18:44 -0700 Subject: comma for the guardian angel /cc @cvrebert --- 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 45f453789..2389036da 100644 --- a/less/forms.less +++ b/less/forms.less @@ -153,7 +153,7 @@ input[type="checkbox"]:focus { // Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button. // See https://github.com/twitter/bootstrap/issues/8350 for more. input[type="number"] { - &::-webkit-outer-spin-button + &::-webkit-outer-spin-button, &::-webkit-inner-spin-button { height: auto; } -- cgit v1.2.3 From 3a17578a94427b51841676a75128ba7dc204f1d2 Mon Sep 17 00:00:00 2001 From: Bass Jobsen Date: Thu, 11 Jul 2013 21:24:06 +0200 Subject: Update forms.less All variables should be set in variables.less? --- 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 2389036da..add42ee9f 100644 --- a/less/forms.less +++ b/less/forms.less @@ -437,7 +437,7 @@ input[type="color"] { } // Only right align form labels here when the columns stop stacking -@media (min-width: 768px) { +@media (min-width: @screen-tablet) { .form-horizontal .control-label { text-align: right; } -- cgit v1.2.3