jquery/jquery-mobile — pull request #4154 by uGoMobi (2012-04-21 18:13:38+00:00)
Title: Count bubble and Mini Listviews

Select and Listview CSS:
Added/adjusted padding and absolute position rules for count bubble (fullsize and mini) and mini listview (all types of lists).

Button CSS:
Fixed: The padding left and right used for header/footer buttons should not apply to mini inline buttons and mini controlgroup buttons.

Select JS:
When data-icon="false" is used on a select button it still gets the default data-iconpos="right". The small change I made set data-iconpos to false. This fixes the issue: no class ui-btn-icon-right anymore, which means no unwanted padding right.
Looking at the Selectmenu widget and ButtonMarkup I didn't see a solution to completely remove the data attribute, since there is a default value.
BTW - Same happens for listviews with split button where the framework sets data-icon to false. This isn't causing problems since there are specific rules for ui-li-has-alt.

Docs:
These changes are only applicable when mini listviews are going to be used. Added data-mini as option to the data attribute reference. Added thumb size info in the Thumbnails & icons section on the List basics & API page.

I created a test page with all types of buttons that are affected. One version where you can see the results and one version how buttons currently look for comparison.
To keep overview I made an Excel file with a schematic representation of the buttons and the values of padding and absolute positioning. The XLS and PDF prints of it can be found at the test page as well.

Link to test page: http://ugomobi.github.com/buttons/

This PR fixes #3979 (Count Bubble position problem) and #4114 (Listview data-mini="true")

This PR replaces #4017 and #4018