Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Toolbar buttons should truncate text to avoid overlap #3262

Closed
offsky opened this Issue · 1 comment

2 participants

@offsky

If the buttons in a toolbar have really long text, they can overlap the title, or each other, and become unusable.

http://jsfiddle.net/axVBG/

The solution is to truncate the button text with ellipses if they would overlap the centered title. Perhaps you could assign each button and the title 1/3 of the width and truncate any excess.

@toddparker

Good idea. I guess we can set a max width and overflow from there.

@garann garann referenced this issue from a commit in garann/jquery-mobile
@garann garann Fix for #3262 - set max-width for header/footer buttons and title
Text-overflow: ellipsis already set.
dde96bd
@garann garann referenced this issue from a commit in garann/jquery-mobile
@garann garann Corrected fix for #3262 so it doesn't prevent buttons filling availab…
…le space
7a0addf
@toddparker toddparker closed this
@scottjehl scottjehl referenced this issue from a commit
@garann garann Fix for #3262 - set max-width for header/footer buttons and title
Text-overflow: ellipsis already set.
226384d
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.