ChiliProject is not maintained anymore. Please be advised that there will be no more updates.

We do not recommend that you setup new ChiliProject instances and we urge all existing users to migrate their data to a maintained system, e.g. Redmine. We will provide a migration script later. In the meantime, you can use the instructions by Christian Daehn.

Adding ellipsis class to application.css (Feature #745)

Added by Romano Licker at 2011-12-01 11:40 am. Updated at 2011-12-02 12:01 am.

Status:Open Start date:2011-12-01
Priority:Normal Due date:
Assignee:- % Done:

0%
Category:User interface
Target version:-
Remote issue URL: Affected version:

Description

The breadcrumb, as well as top and side navigation often suffer from too long texts
breaking the design.
Using overflow: hidden hides the context. The user does not know that there is more text hidden somewhere.

Css class: 'text-overflow: ellipsis' solves this problem by adding '...' at the end of the line.

On top of that most browsers and most surprisingly the IE 6+ support this feature.
However Firefox supports this from version 7.

History

#1
Updated by Eric Davis at 2011-12-02 12:01 am

  • Category set to User interface

Also available in: Atom PDF