From c9c13019ded8f0b69a540787766fdecd7feb01aa Mon Sep 17 00:00:00 2001 From: N Venkatesh Naik Date: Mon, 16 Mar 2015 21:53:24 +0530 Subject: [PATCH 1/6] fix to stop resize of text area - less --- less/_inputs.less | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/less/_inputs.less b/less/_inputs.less index 121e2d3f..98b87ab2 100644 --- a/less/_inputs.less +++ b/less/_inputs.less @@ -29,6 +29,14 @@ select[multiple].form-control { background-position: center bottom, center calc(~"100% - 1px"); background-color: transparent; background-color: rgba(0,0,0,0); + + // fix to stop horizontal resize. + textarea& { + height: auto; ++ resize: vertical; // fix to stop horizontal resize. + &[disabled] { + resize: vertical; + } } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; From 0c7077ec331f35057721744d9c3cc799dc9975de Mon Sep 17 00:00:00 2001 From: N Venkatesh Naik Date: Mon, 16 Mar 2015 21:57:35 +0530 Subject: [PATCH 2/6] fix to stop horizontal resize of text area --- sass/_inputs.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/sass/_inputs.scss b/sass/_inputs.scss index d3e06d04..f6057ca9 100644 --- a/sass/_inputs.scss +++ b/sass/_inputs.scss @@ -174,6 +174,13 @@ select.form-control { } } +textarea.form-control { + height: auto; + resize: vertical; // fix to stop horizontal resize. + &[disabled] { + resize: vertical; + } +} @mixin keyframe-input-highlight(){ 0% { From 909c819a800ce4b0199fdb02387441ccffb6eebc Mon Sep 17 00:00:00 2001 From: N Venkatesh Naik Date: Mon, 16 Mar 2015 22:00:02 +0530 Subject: [PATCH 3/6] Update _inputs.less --- less/_inputs.less | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/less/_inputs.less b/less/_inputs.less index 98b87ab2..5b39ce66 100644 --- a/less/_inputs.less +++ b/less/_inputs.less @@ -32,12 +32,12 @@ select[multiple].form-control { // fix to stop horizontal resize. textarea& { - height: auto; -+ resize: vertical; // fix to stop horizontal resize. - &[disabled] { + height: auto; + resize: vertical; // fix to stop horizontal resize. + &[disabled] { resize: vertical; - } -} + } + } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; background-color: rgba(0,0,0,0); From 9196a33fbbbb6a7da9d24d381628403e48ffb8e8 Mon Sep 17 00:00:00 2001 From: N Venkatesh Naik Date: Tue, 17 Mar 2015 10:21:11 +0530 Subject: [PATCH 4/6] Fixed syntax issue --- less/_inputs.less | 1 + 1 file changed, 1 insertion(+) diff --git a/less/_inputs.less b/less/_inputs.less index 5b39ce66..d6c7e23b 100644 --- a/less/_inputs.less +++ b/less/_inputs.less @@ -38,6 +38,7 @@ select[multiple].form-control { resize: vertical; } } +} .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; background-color: rgba(0,0,0,0); From 19d2e9c550a8abb0364435e847d84814d003baf3 Mon Sep 17 00:00:00 2001 From: N Venkatesh Naik Date: Tue, 17 Mar 2015 18:38:44 +0530 Subject: [PATCH 5/6] Update _inputs.less --- less/_inputs.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/less/_inputs.less b/less/_inputs.less index d6c7e23b..8694832d 100644 --- a/less/_inputs.less +++ b/less/_inputs.less @@ -33,11 +33,11 @@ select[multiple].form-control { // fix to stop horizontal resize. textarea& { height: auto; - resize: vertical; // fix to stop horizontal resize. + resize: vertical; &[disabled] { resize: vertical; } - } + } } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; From f222ce685386b1dcb2655b832331bdef50782d27 Mon Sep 17 00:00:00 2001 From: N Venkatesh Naik Date: Tue, 17 Mar 2015 18:47:18 +0530 Subject: [PATCH 6/6] changed the style Changed as per common approach of selectors used in this file --- sass/_inputs.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/sass/_inputs.scss b/sass/_inputs.scss index f6057ca9..7f299747 100644 --- a/sass/_inputs.scss +++ b/sass/_inputs.scss @@ -177,7 +177,7 @@ select.form-control { textarea.form-control { height: auto; resize: vertical; // fix to stop horizontal resize. - &[disabled] { + &:disabled { resize: vertical; } }