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

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

Browse Source 
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
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

@ -22,6 +22,12 @@ 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);
} }