Lists icons styles allow too big icon dimensions so icon doesn't fit the list item. #4489

Closed
polarfish opened this Issue Jun 5, 2012 · 2 comments

Projects

None yet

3 participants

@polarfish

When you try to create lists with icons like on the doc page http://jquerymobile.com/demos/1.1.0/docs/lists/lists-icons.html and use big icon (let it be this one ), you receive next result.

It's because of next style set:

.ui-listview .ui-li-icon {
  max-height: 40px;
  max-width: 40px;
  left: 10px;
  top: .9em;
}

I suppose max-height and max-width should be both 16px, or smth like that to let user use any image file as an icon without styling it.

@jaspermdegroot
jQuery Foundation member

@polarfish - You are right. In next release (1.1.1) it will be changed into max 16px.

@toddparker

Wouldn't the thumbnail be a better choice for an image like that?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment