openlp/web-remote
1
0
Fork 0
mirror of https://gitlab.com/openlp/web-remote.git synced 2024-12-22 11:32:47 +00:00
Code Issues Projects Releases Wiki Activity

Resolve: "Cut off bottom of slides"

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/app.component.html
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">

6
src/app/app.component.scss
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;

6
src/styles.scss
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);
} }