Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

selects + buttons inherit wrong font-size in list with form #4254

Closed
MauriceG opened this Issue · 6 comments

4 participants

@MauriceG

At http://jquerymobile.com/test/docs/lists/lists-forms.html the selectmenus and buttons at the end of the listview
look like mini but it seems they're just inherit the font-size of a list-divider (ui-li-divider).

@toddparker

Good catch. Fee free to do a pull if you can track this down.

@ebaranov ebaranov referenced this issue from a commit
@ebaranov ebaranov Issue #4254: added CSS rule for font-size of .ui-btn-text to prevent …
…inherit font-size from .ui-li-divider, .ui-li-static
c4c2774
@jaspermdegroot
Collaborator

hi @ebaranov

Nice fix. I just wanted to suggest to put your rule in the listview.css file, not button.css, below the excisting rule for read-only/divider list items:

.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; }

Not that it won't work otherwise, but just to keep logical order.

@ebaranov ebaranov referenced this issue from a commit
@ebaranov ebaranov Issue #4254: moved CSS rule for font-size of .ui-btn-text nested insi…
…de the list to the appropriate css file to keep a logical order
2f46e50
@jaspermdegroot
Collaborator

This issue will solve itself when we make the changes to read-only lists including removal of the smaller font-size and padding for 1.2 (#4347). So we only need to cherry-pick the fix into the 1.1 stable branch and then remove again from master.

@jaspermdegroot
Collaborator

Closing as fixed.

@ebaranov

You are welcome :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.