Long tenant names not handled well in drop downs

Bug #1057137 reported by Rafi Khardalian
10
This bug affects 2 people
Affects Status Importance Assigned to Milestone
OpenStack Dashboard (Horizon)
Fix Released
Low
Nicolas Simonds

Bug Description

Long tenant names wrap and look quite bad. I've attached an image demonstrating the problem.

Not sure what to suggest as a solution but figured plenty of people are likely to run into this.

Revision history for this message
Rafi Khardalian (rkhardalian) wrote :
Revision history for this message
Gabriel Hurley (gabriel-hurley) wrote :

A very simple fix would be to just add an "overflow: hidden; white-space: nowrap;" to the CSS for that.

Changed in horizon:
assignee: nobody → Gabriel Hurley (gabriel-hurley)
importance: Undecided → Low
status: New → Confirmed
Changed in horizon:
milestone: none → grizzly-1
Revision history for this message
Tihomir Trifonov (ttrifonov) wrote :

There are also some paddings/margins to be fixed when the dropdown is opened..

Changed in horizon:
assignee: Gabriel Hurley (gabriel-hurley) → nobody
Changed in horizon:
assignee: nobody → Lin Hua Cheng (lin-hua-cheng)
Revision history for this message
OpenStack Infra (hudson-openstack) wrote : Fix proposed to horizon (master)

Fix proposed to branch: master
Review: https://review.openstack.org/15923

Changed in horizon:
status: Confirmed → In Progress
Changed in horizon:
milestone: grizzly-1 → grizzly-2
Revision history for this message
OpenStack Infra (hudson-openstack) wrote : Fix merged to horizon (master)

Reviewed: https://review.openstack.org/15923
Committed: http://github.com/openstack/horizon/commit/56b2252541997d706dbfaadaca941220ee4678fd
Submitter: Jenkins
Branch: master

commit 56b2252541997d706dbfaadaca941220ee4678fd
Author: Lin Hua Cheng <email address hidden>
Date: Mon Nov 12 10:57:49 2012 -0800

    For long tenant name, display an ellipsis using CSS3.

    Fixes bug 1057137.

    Change-Id: Ic73bd8fb8c1f160db3788582f0acab95649ecc93

Changed in horizon:
status: In Progress → Fix Committed
Thierry Carrez (ttx)
Changed in horizon:
status: Fix Committed → Fix Released
Revision history for this message
OpenStack Infra (hudson-openstack) wrote : Fix proposed to horizon (master)

Fix proposed to branch: master
Review: https://review.openstack.org/19741

Revision history for this message
Nicolas Simonds (nicolas.simonds) wrote :

The merged fix doesn't address the issue shown in the screenshot. I've submitted a patch against current master that should collapse down long names (with or without whitespace) with ellipses, and expand them to display the full (wrapped) name on mouseover.

Changed in horizon:
assignee: Lin Hua Cheng (lin-hua-cheng) → Nicolas Simonds (nicolas.simonds)
Changed in horizon:
status: Fix Released → Incomplete
Changed in horizon:
status: Incomplete → In Progress
Revision history for this message
OpenStack Infra (hudson-openstack) wrote : Fix merged to horizon (master)

Reviewed: https://review.openstack.org/19741
Committed: http://github.com/openstack/horizon/commit/cf34ed76f02a381de92b57a8cda2324c342f1723
Submitter: Jenkins
Branch: master

commit cf34ed76f02a381de92b57a8cda2324c342f1723
Author: Nicolas Simonds <email address hidden>
Date: Tue Jan 15 12:11:31 2013 -0800

    make long tenant names look better

    Change-Id: Ifd3bb8ba0a7a367e31794c7cc82bef40e2c83d20
    Fixes: bug 1057137

Changed in horizon:
status: In Progress → Fix Committed
Thierry Carrez (ttx)
Changed in horizon:
milestone: grizzly-2 → 2013.1
status: Fix Committed → Fix Released
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.