Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Toolbar buttons should truncate text to avoid overlap #3262

Closed
offsky opened this Issue · 1 comment

2 participants

Jake Olefsky Todd Parker
Jake Olefsky

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.

Todd Parker

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

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