Resolve: "Cut off bottom of slides"

This commit is contained in:
Daniel 2020-04-09 06:58:21 +00:00 committed by Raoul Snyman
parent ce9d62af14
commit fee63eaec1
3 changed files with 14 additions and 1 deletions

View File

@ -26,6 +26,9 @@
<main class="content"> <main class="content">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</main> </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> <footer>
<mat-toolbar class="footer"> <mat-toolbar class="footer">
<button mat-icon-button (click)="previousItem()" matTooltip="Previous item"> <button mat-icon-button (click)="previousItem()" matTooltip="Previous item">

View File

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

View File

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