Page layout ruined in case of .sidebar div is too wide

Bug #1286093 reported by Ekaterina Chernova
14
This bug affects 2 people
Affects Status Importance Assigned to Milestone
OpenStack Dashboard (Horizon)
Invalid
Undecided
Ekaterina Chernova

Bug Description

There are some problems with page marking - table falls down and a background of a div that includes active "a" element is not correctly aligned
See the screenshort attached

Tags: layout
Revision history for this message
Ekaterina Chernova (efedorova) wrote :
Changed in horizon:
assignee: nobody → Ekaterina Fedorova (efedorova)
status: New → In Progress
Revision history for this message
Ekaterina Chernova (efedorova) wrote :

This bug may be fixed in this way:

.main_content
  change padding-right from 250 to 25
  add overflow: hidden

.nav_tabs > li > a
  remove margin-right
  set padding-right to 10px

.main_nav
  remove width

.main_nav a
  remove width

But there is still a question how to overwrite .sedebar right border inside .main_nav a.active with white color

Revision history for this message
Ekaterina Chernova (efedorova) wrote :

This the cause of invalid page layout:

1) .sidebar does have property float:left without any width set - this is wrong
we should set static width to that container or set max-width to allow container width dynamically change

2) In spite of the 1) the width is set to .man-nav div (222px) and to the .main_nav a (185px) - This is done to overwrite .sidebar border with the white color

3) .main_content has padding-right 250px, but this container should flow the .sidebar

3) what to do if dashboards do not fit into max length

summary: - Page layout collapses if there are several panels
+ Page layout of main-content is build with padding
summary: - Page layout of main-content is build with padding
+ Page layout ruined in case of .sidebar div is too wide
Changed in horizon:
status: In Progress → Invalid
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Duplicates of this bug

Other bug subscribers

Remote bug watches

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