openstack/horizon
Code Issues Proposed changes

Merge "Preview Page: Default Theme: Content Horizontally Scrolling"

Browse Source
This commit is contained in:
Jenkins 2016-09-08 10:53:54 +00:00 committed by Gerrit Code Review
commit abd78b5786
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

@ -17,18 +17,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;
}
}