Skip to content
This repository

Toolbar buttons should truncate text to avoid overlap #3262

Closed
offsky opened this Issue December 13, 2011 · 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 December 24, 2011
Garann Means 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 December 27, 2011
Garann Means Corrected fix for #3262 so it doesn't prevent buttons filling availab…
…le space
7a0addf
Todd Parker toddparker closed this January 02, 2012
Scott Jehl scottjehl referenced this issue from a commit December 24, 2011
Garann Means 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.