Merge branch 'fix-slide-cut-off' into 'master'

Resolve: "Cut off bottom of slides"

Closes #3

See merge request openlp/web-remote!13
This commit is contained in:
Raoul Snyman 2020-04-09 06:58:21 +00:00
commit d06d24f18c
3 changed files with 14 additions and 1 deletions

View File

@ -26,6 +26,9 @@
<main class="content">
<router-outlet></router-outlet>
</main>
<!-- These two toolbars are for padding the content so the real toolbars do not block content when scrolled down -->
<mat-toolbar class="toolbar-padding"></mat-toolbar>
<mat-toolbar *ngIf="fastSwitching" class="toolbar-padding"></mat-toolbar>
<footer>
<mat-toolbar class="footer">
<button mat-icon-button (click)="previousItem()" matTooltip="Previous item">

View File

@ -15,7 +15,7 @@ mat-sidenav {
}
mat-sidenav-container {
min-height: 100vh;
flex: 1;
}
mat-slide-toggle {
@ -24,6 +24,10 @@ mat-slide-toggle {
font-size: 80%;
}
.toolbar-padding {
visibility: hidden;
}
.fast-access {
display: flex;
justify-content: space-around;

View File

@ -22,6 +22,12 @@ body {
padding: 0;
}
app-root {
display: flex;
flex-direction: column;
min-height: 100vh;
}
mat-sidenav-layout {
background: rgba(0, 0, 0, 0.03);
}