From b4ecf585b209f165907dec02e594a489db6ee987 Mon Sep 17 00:00:00 2001 From: Dave Hulbert Date: Fri, 4 Mar 2011 11:49:03 +0000 Subject: [PATCH 1/4] Fix for #1151 - Form elements aren't full width. Needs testing. --- themes/default/jquery.mobile.forms.textinput.css | 1 - 1 file changed, 1 deletion(-) diff --git a/themes/default/jquery.mobile.forms.textinput.css b/themes/default/jquery.mobile.forms.textinput.css index 344e016c..27b21b09 100644 --- a/themes/default/jquery.mobile.forms.textinput.css +++ b/themes/default/jquery.mobile.forms.textinput.css @@ -15,7 +15,6 @@ textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; /* orientation adjustments - incomplete!*/ .min-width-480px label.ui-input-text { vertical-align: top; } .min-width-480px label.ui-input-text { display: inline-block; width: 20%; margin: 0 2% 0 0; } -.min-width-480px input.ui-input-text, .min-width-480px textarea.ui-input-text, .min-width-480px .ui-input-search { width: 60%; display: inline-block; } .min-width-480px .ui-input-search { width: 50%; } \ No newline at end of file From fec673dec1815bf10fb8be2abfd05f0db08b8028 Mon Sep 17 00:00:00 2001 From: Dave Hulbert Date: Thu, 10 Mar 2011 09:39:02 +0000 Subject: [PATCH 2/4] Fix for regular text inputs. Props scottjehl. --- themes/default/jquery.mobile.forms.textinput.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/themes/default/jquery.mobile.forms.textinput.css b/themes/default/jquery.mobile.forms.textinput.css index 27b21b09..c5b2f485 100644 --- a/themes/default/jquery.mobile.forms.textinput.css +++ b/themes/default/jquery.mobile.forms.textinput.css @@ -15,6 +15,8 @@ textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; /* orientation adjustments - incomplete!*/ .min-width-480px label.ui-input-text { vertical-align: top; } .min-width-480px label.ui-input-text { display: inline-block; width: 20%; margin: 0 2% 0 0; } +.min-width-480px input.ui-input-text, .min-width-480px textarea.ui-input-text, .min-width-480px .ui-input-search { width: 60%; display: inline-block; } -.min-width-480px .ui-input-search { width: 50%; } \ No newline at end of file +.min-width-480px .ui-input-search { width: 50%; } +.min-width-480px .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ } From 19267873934b0df8883058a32f5902f452e4ad39 Mon Sep 17 00:00:00 2001 From: Dave Hulbert Date: Thu, 10 Mar 2011 10:11:40 +0000 Subject: [PATCH 3/4] Whitespace --- themes/default/jquery.mobile.forms.textinput.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/default/jquery.mobile.forms.textinput.css b/themes/default/jquery.mobile.forms.textinput.css index c5b2f485..11f3b55a 100644 --- a/themes/default/jquery.mobile.forms.textinput.css +++ b/themes/default/jquery.mobile.forms.textinput.css @@ -16,7 +16,7 @@ textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; .min-width-480px label.ui-input-text { vertical-align: top; } .min-width-480px label.ui-input-text { display: inline-block; width: 20%; margin: 0 2% 0 0; } .min-width-480px input.ui-input-text, -.min-width-480px textarea.ui-input-text, +.min-width-480px textarea.ui-input-text, .min-width-480px .ui-input-search { width: 60%; display: inline-block; } .min-width-480px .ui-input-search { width: 50%; } .min-width-480px .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ } From 47b26d96288fa9ef25bc49e7ac9d93d666bb19cf Mon Sep 17 00:00:00 2001 From: Dave Hulbert Date: Thu, 10 Mar 2011 10:16:42 +0000 Subject: [PATCH 4/4] Whitespace. Again. --- themes/default/jquery.mobile.forms.textinput.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/themes/default/jquery.mobile.forms.textinput.css b/themes/default/jquery.mobile.forms.textinput.css index 11f3b55a..cac2b289 100644 --- a/themes/default/jquery.mobile.forms.textinput.css +++ b/themes/default/jquery.mobile.forms.textinput.css @@ -15,8 +15,8 @@ textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; /* orientation adjustments - incomplete!*/ .min-width-480px label.ui-input-text { vertical-align: top; } .min-width-480px label.ui-input-text { display: inline-block; width: 20%; margin: 0 2% 0 0; } -.min-width-480px input.ui-input-text, -.min-width-480px textarea.ui-input-text, +.min-width-480px input.ui-input-text, +.min-width-480px textarea.ui-input-text, .min-width-480px .ui-input-search { width: 60%; display: inline-block; } .min-width-480px .ui-input-search { width: 50%; } .min-width-480px .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }