Adding a new dashboard with a long name causes contents to start below the navigation pane.

Bug #1267661 reported by Thai Tran
16
This bug affects 2 people
Affects Status Importance Assigned to Milestone
OpenStack Dashboard (Horizon)
Fix Released
Medium
David Lyle

Bug Description

Normally, contents is on the right side of navigation pane.
However, a long dashboard name will cause the content to start below the navigation pane.
Steps to reproduce bug:

1. Create a new dashboard with a long name
2. Add a panel to the dashboard with some content
3. Start and run the server
4. You should visually see the bug.

Revision history for this message
Thai Tran (tqtran) wrote :
affects: tempest → horizon
Thai Tran (tqtran)
Changed in horizon:
assignee: nobody → Thai Tran (tqtran)
Revision history for this message
David Lyle (david-lyle) wrote :
Changed in horizon:
status: New → Confirmed
importance: Undecided → Medium
Revision history for this message
Thai Tran (tqtran) wrote :

Found a quick css fix.
Removed the hardcoded padding-left:250px and used float:left on #main_content.

Tested it in all major browser including IE.

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/66465

Changed in horizon:
status: Confirmed → In Progress
Thai Tran (tqtran)
Changed in horizon:
status: In Progress → Fix Committed
Kieran Spear (kspear)
Changed in horizon:
status: Fix Committed → In Progress
Revision history for this message
OpenStack Infra (hudson-openstack) wrote : Fix merged to horizon (master)

Reviewed: https://review.openstack.org/66465
Committed: https://git.openstack.org/cgit/openstack/horizon/commit/?id=f3ca2756cc71412a60c9eff9cf14c15c097f0726
Submitter: Jenkins
Branch: master

commit f3ca2756cc71412a60c9eff9cf14c15c097f0726
Author: Thai Tran <email address hidden>
Date: Mon Jan 13 13:34:32 2014 -0800

    CSS to fix content appearing below side pane

    Content normally shows up on the right side of the navigation pane.
    However, a long dashboard name will cause the content to appear below
    the navigation pane.

    Currently, the content is set to have left padding of 250px. This is
    not ideal as the side-navigation pane may take up more space. I have
    included a css fix that will allow the content to float and remain next
    to the navigation pane. This solution have been tested in all major
    browsers including IE.

    Fixed the expanding issue.

    Change-Id: Ied5c6085c643eba72a54279ff2e57221ddac76df
    Closes-Bug: #1267661

Changed in horizon:
status: In Progress → Fix Committed
Revision history for this message
Julie Pichon (jpichon) wrote :

I'm seeing CSS issues since this was merged that seem related to the patch, see bug 1273208.

Revision history for this message
Julie Pichon (jpichon) wrote :

The patch was reverted ( https://review.openstack.org/#/c/70799/ ), switching the status back to Confirmed.

Changed in horizon:
status: Fix Committed → Confirmed
Revision history for this message
David Lyle (david-lyle) wrote :
Changed in horizon:
status: Confirmed → Fix Committed
assignee: Thai Tran (tqtran) → David Lyle (david-lyle)
milestone: none → icehouse-3
Thierry Carrez (ttx)
Changed in horizon:
status: Fix Committed → Fix Released
Thierry Carrez (ttx)
Changed in horizon:
milestone: icehouse-3 → 2014.1
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Related blueprints

Remote bug watches

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