Fix start page overflow behaviour

This commit is contained in:
Arne Keller 2021-03-08 12:21:35 +01:00
parent 1b642e84f9
commit e40166e541
2 changed files with 15 additions and 3 deletions

View File

@ -1,3 +1,7 @@
body {
--paper-slide-height: 500px;
}
vaadin-button { vaadin-button {
min-width: 0; min-width: 0;
} }

View File

@ -22,6 +22,7 @@
#slideProgress { #slideProgress {
width: 55em; width: 55em;
max-width: 100%; max-width: 100%;
min-height: 1px;
margin-top: 30px; margin-top: 30px;
margin-bottom: 0; margin-bottom: 0;
} }
@ -29,20 +30,27 @@
#startPage { #startPage {
padding: 0; padding: 0;
display: flex; display: flex;
justify-content: center; justify-content: space-between;
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
#slideShow { #slideShow {
height: 500px; height: var(--paper-slide-height);
width: 100%; width: 100%;
} }
#startPage::before {
position: absolute;
}
#startPage #content { #startPage #content {
width: 100%; width: 100%;
height: 100%; overflow-y: auto;
margin-top: 0;
padding: 1em 0 0;
justify-content: start;
align-items: center; align-items: center;
} }