Permalink
Browse files

Fixes #3589 — added percentage-based padding to text inputs within h…

…eader/footer toolbars.
  • Loading branch information...
Wilto committed Feb 17, 2012
1 parent 190cf87 commit 43d4c761351674b2899da091931e506879055bb7
Showing with 3 additions and 1 deletion.
  1. +3 −1 css/structure/jquery.mobile.forms.textinput.css
@@ -1,6 +1,8 @@
label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 97%; outline: 0; }
-input.ui-input-text { -webkit-appearance: none; }
+.ui-header input.ui-input-text,
+.ui-footer input.ui-input-text { margin-left: 1.25%; padding: .4em 1%; width: 95.5% } /* Note that padding left/right on text inputs is factored into how the element is displayed in Firefox, but does not actually pad the text inside it. */
+ input.ui-input-text { -webkit-appearance: none; }
textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
.ui-input-search { padding: 0 30px; background-image: none; position: relative; }
.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }

0 comments on commit 43d4c76

Please sign in to comment.