837587fe73
- Make menu responsive (hides on smaller screens, e,g, 1/2 laptop screen, tablet, mobile) - Add aria parameters for accessibility - Show current focus when navigating (accessibility) - Remove the blue outline when clicking links in Chrome - Makes menu less hideous Change-Id: I1cdfa079f0b371d1afddefa67d8a21e93abde9ee Implements: blueprint navigation-improvements Closes-Bug: 1315488 Closes-Bug: 1628274
33 lines
798 B
SCSS
33 lines
798 B
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:not(#splash) {
|
|
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 {
|
|
padding-top: $navbar-true-height;
|
|
}
|
|
|
|
#sidebar {
|
|
float: left;
|
|
}
|
|
|
|
// Always show the side nav on larger screens
|
|
@media(min-width: $screen-sm-min) {
|
|
#content_body {
|
|
padding-left: $sidebar-width;
|
|
}
|
|
}
|
|
|
|
.page-header {
|
|
margin-top: $padding-base-horizontal;
|
|
}
|