Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-26 17:14:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Search inputs now format similarly to other text input types. Optimized for iPhone orientations, so it'll be a bit wider than the others in a wider screen, unfortunately. It's got padding that can't be avoided. Fixes #177

Browse source
This commit is contained in:
scottjehl 2010-10-13 19:55:22 -04:00
parent c6cc71c707
commit cc6389b707
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
themes/default/jquery.mobile.forms.textinput.css
View file

@ -6,7 +6,7 @@
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: 95%; }
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 { margin: 5px; padding: 0 30px; background-position: 8px 50%; background-repeat: no-repeat; position: relative; }
.ui-input-search { padding: 0 30px; width: 77%; background-position: 8px 50%; background-repeat: no-repeat; position: relative; }
.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
.ui-input-search .ui-input-clear { position: absolute; right: 2px; top: 50%; margin-top: -12px; }
.ui-input-search .ui-input-clear-hidden { display: none; }
@ -15,5 +15,6 @@ textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear;
@media screen and (min-width: 480px){
label.ui-input-text { vertical-align: top; }
label.ui-input-text, label.ui-select { display: inline-block; width: 20%; margin: 0 2% 0 0; }
input.ui-input-text, textarea.ui-input-text { width: 60%; display: inline-block; }
input.ui-input-text, textarea.ui-input-text, .ui-input-search { width: 60%; display: inline-block; }
.ui-input-search { width: 50%; }
}

3
themes/default/jquery.mobile.listview.css
View file

@ -32,4 +32,5 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid
.ui-li-link-alt .ui-btn-inner { padding: 0; position: static; }
.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }