Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-05-17 19:11:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

format search filter for inset lists

Browse source
This commit is contained in:
hakanson 2011-02-28 11:10:39 +08:00 committed by Scott Jehl
parent 6aa7db5fb5
commit d16c46a6e9
2 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
js/jquery.mobile.listview.filter.js
View file

@ -51,6 +51,10 @@ $( "[data-role='listview']" ).live( "listviewcreate", function() {
.appendTo( wrapper )
.textinput();
if ($(this).data("inset") == true ) {
wrapper.addClass("ui-listview-filter-inset");
}
wrapper.insertBefore( list );
});

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

@ -37,6 +37,8 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid
.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; }
.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
/* Odd iPad positioning issue. */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.ui-li .ui-btn-text { overflow: visible; }