Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-05-13 09:03:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

added support for icon, in addition to thumb, image sizes. Fixes #146

Browse source
This commit is contained in:
scottjehl 2010-10-12 15:09:42 -04:00
parent c92e9f3eea
commit c59dafd616
2 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
css/jquery.mobile.listview.css
View file

@ -13,12 +13,14 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid
.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
.ui-li:last-child { border-bottom-width: 1px; }
.ui-li .ui-btn-inner { display: block; position: relative; padding: .5em 75px .5em 15px; }
.ui-li-has-thumb .ui-btn-inner { min-height: 60px; }
.ui-li-has-thumb .ui-btn-inner { padding-left: 100px; }
.ui-li-has-thumb .ui-btn-inner { min-height: 60px; padding-left: 100px; }
.ui-li-has-icon .ui-btn-inner { min-height: 30px; padding-left: 50px; }
.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ui-li-thumb { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
.ui-li-thumb, .ui-li-content { float: left; margin-right: 10px; }
.ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
.ui-li-icon { max-height: 40px; max-width: 40px; }
.ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
.ui-li-aside { float: right; width: 25%; text-align: right; margin: .3em 0; }
.ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; }
.ui-li-divider .ui-li-count { right: 10px; }

8
js/jquery.mobile.listview.js
View file

@ -37,7 +37,13 @@ $.widget( "mobile.listview", $.mobile.widget, {
role = $li.data( "role" ),
dividertheme = $list.data( "dividertheme" ) || o.dividerTheme;
if ( $li.is( ":has(img)" ) ) {
$li.addClass( "ui-li-has-thumb" );
if ($li.is( ":has(img.ui-li-icon)" )){
$li.addClass( "ui-li-has-icon" );
}
else{
$li.addClass( "ui-li-has-thumb" );
}
}
if ( $li.is( ":has(.ui-li-aside)" ) ) {
var aside = $li.find('.ui-li-aside');