openstack
/
horizon
Code Issues Proposed changes

Preview Page: Default Theme: Content Horizontally Scrolling 

Removal of default styles caused page to scroll horizontally.

Closes-bug: #1611057

Change-Id: I1a9b7e0da950fa6c66862ba82fcc264d2f3b2280
This commit is contained in:
Diana Whitten 2016-08-08 10:08:18 -07:00
parent 1b65c5369f
commit 68f46ce25e
3 changed files with 5 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
View File

@ -3,7 +3,7 @@
</p>
<div class="row">
<div class="col-lg-3 col-md-1 col-sm-4">
<div class="col-lg-3 col-sm-4">
<div class="list-group">
<a translate class="list-group-item" href="#navbar" target="_self">Navbar</a>
<a translate class="list-group-item" href="#buttons" target="_self">Buttons</a>

6
openstack_dashboard/static/dashboard/scss/_layout.scss
View File

@ -14,19 +14,17 @@ $navbar-true-height: $navbar-height + $navbar-border-size !default;
#main_content {
height: 100%;
display: table;
min-width: $main-content-min-width;
padding-top: $navbar-true-height;
}
#content_body,
#sidebar {
display: table-cell;
vertical-align: top;
position: fixed;
}
#content_body {
width: 100%;
padding-left: $sidebar-width;
}
.page-header {

10
openstack_dashboard/themes/material/static/horizon/_styles.scss
View File

@ -16,18 +16,12 @@
width: 215px;
}
// General Layout Changes
#sidebar {
position: fixed;
display: block;
}
#content_body {
transition: padding-left $sidebar-animation;
display: block;
@media (min-width: $screen-lg) {
padding-left: $sidebar-width;
@media (max-width: $screen-lg) {
padding-left: 0;
}
}