3e79b81955
A major part of the css reorg is a better organization of the css styles themselves. horizon.scss should be a global import level file. Move remaining layout styles to _layout.scss. Also, fix minor bug with min size. Change-Id: I6dd847e65a2cbf7f8dc9e415bed4a6958e3b787e Partially-Implements: blueprint horizon-theme-css-reorg
44 lines
1.0 KiB
SCSS
44 lines
1.0 KiB
SCSS
// Make the sidebar span the entire page, instead of just the Viewport
|
|
// Display Table is not ideal, but it will allow dynamic resizing of
|
|
// the sidebar while growing its container to fill the entire window
|
|
html, body, #container {
|
|
height: 100%;
|
|
}
|
|
|
|
// Theme Note:
|
|
// The following 1px is the default 1px for nav border in Bootstrap. If
|
|
// this value is customized, then this value must change to compensate
|
|
$navbar-border-size: 1px !default;
|
|
$navbar-true-height: $navbar-height + $navbar-border-size !default;
|
|
|
|
#main_content {
|
|
height: 100%; /* fallback if needed --> its scrolls, but it works */
|
|
height: calc(100% - #{$navbar-true-height});
|
|
display: table;
|
|
min-width: $main-content-min-width;
|
|
}
|
|
|
|
#content_body,
|
|
#sidebar {
|
|
display: table-cell;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#content_body {
|
|
width: 100%;
|
|
padding-left: $content-body-padding;
|
|
padding-right: $content-body-padding;
|
|
}
|
|
|
|
.page-header {
|
|
margin: 0 0 5px 0;
|
|
padding: 10px 0 5px 0;
|
|
border-bottom: 0;
|
|
height: auto;
|
|
width: 100%;
|
|
h1 {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|