openstack/horizon
Code Issues Proposed changes

Add scrolling to the projector selector

Browse Source 
Adds a scrollbar to the project selector for larger screens. This isn't
needed for smaller sizes, as it already scrolls.

Co-Authored-By: Rob Cresswell <robert.cresswell@outlook.com>
Change-Id: Ib03eafccd4725af94556286f1f541a9e7cde96e4
Closes-Bug: #1498039
This commit is contained in:
andrewbogott 2016-04-05 08:27:43 -05:00 committed by Rob Cresswell
parent 5173dc1612
commit 1644a0eee4
2 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
openstack_dashboard/static/dashboard/scss/_variables.scss
View File

@ -79,3 +79,7 @@ $dropdown-item-padding-horizontal: 20px;
// This defines the max-width for a breadcrumb item before it will be truncated
$breadcrumb-item-width: 15em !default;
// This is the max height for the domain/project selector in the top nav. After
// this point, it will scroll.
$context-selector-max-height: calc(99vh - #{$navbar-height}) !default;

10
openstack_dashboard/static/dashboard/scss/components/_navbar.scss
View File

@ -43,3 +43,13 @@
padding-right: $padding-small-vertical;
padding-left: $padding-small-vertical;
}
// Scrollbar for the project menu on larger screens
// Not needed for smaller screens, as it is already scrollable
// and can be collapsed to access the settings menu etc.
@media(min-width: $screen-sm-min) {
.context-selection {
max-height: $context-selector-max-height;
overflow-y: scroll;
}
}