A long string is truncated at the end in a Plan Sub Menu

Akira Tsuchiya
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
February 22, 2012

Take a look at the attached image.

A long string is truncated at the end in a Plan Sub Menu.

I want a hirizontal scroll bar is displayed in a Plan Sub Menu for displaying too long a string.

How can I do that?

1 answer

1 accepted

0 votes
Answer accepted
Jason B
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
February 26, 2012

Put your content in a containing element, and on that containing element use the following CSS to trigger scrollbars when the content is too long:

overflow: auto;

Generally it's more ideal for the content to wrap, however, as horizontal scrollbars can present some UX issues (e.g. if your content is long it's not immediately obvious that there's a horizontal scrollbar because it will appear right down at the bottom of your content, possibly off-screen).

To force unbreakable content to wrap you can use:

word-wrap: break-word;

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events