(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

View File

@@ -6,7 +6,7 @@
xmlns:const="http://www.skyrix.com/od/constant"
xmlns:label="OGo:label"
>
<div layout-fill="layout-fill">
<div layout-fill="layout-fill" layout="column">
<md-card>
<md-toolbar class="hide show-xs" flex-none="flex-none">
<div class="md-toolbar-tools">
@@ -42,7 +42,7 @@
<md-icon>save</md-icon>
</md-button>
</md-toolbar>
<md-card-content class="md-flex md-static">
<md-card-content>
<div layout="row">
<md-icon>search</md-icon>
<md-autocomplete

View File

@@ -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;
}
}
}
}

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