(css) Fix scrolling in Administration module

This commit is contained in:
Francis Lachapelle
2017-11-23 11:26:59 -05:00
parent 0608a0bec8
commit 12fa8ef65a
3 changed files with 3 additions and 30 deletions
@@ -1,31 +1,4 @@
/// AdministrationUI.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
[ui-view="administration"] {
[id="usersList"] > md-list {
// Since the users list doesn't use the virtual repeater, force the vertical scroll
position: absolute;
top: $touch-zone-width;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
.sg-folder .md-button {
// Buttons in list-item to view the ACLs of a user's folder
@extend .sg-no-wrap;
flex: 1 1 auto;
text-align: left;
text-transform: none;
}
}
.view-detail {
@include from(md) {
.viewer {
// Leave space for a tall toolbar
top: $toolbar-tall-height;
}
}
}
}
+1 -1
View File
@@ -123,7 +123,7 @@ body {
// On small screens, the view slides from the right and takes all screen place.
// Expected Display Steps:
// 1. The class sg-close is used when there's no selection
// 2. An list item is selected (ui-router state changes):
// 2. A list item is selected (ui-router state changes):
// a. sg-close is removed from view-detail
// b. view-detail (transparent) slides over view-list
// c. viewer is inserted into the DOM and slides inside view-detail