Larger image display

Bodged file edit. Changed image to extend off the screen, and be scrollable. Easier to read speech and other text on smaller displays. Moved page counter to top center. Not quite as nice looking.
This commit is contained in:
reynog 2020-01-16 20:12:27 +01:00 committed by GitHub
parent 86c43e5d8c
commit ba6d4047e2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -17,8 +17,8 @@ html, body {
}
#list {
height: 100%;
overflow: auto;
height: 2000px;
overflow: scroll;
width: 260px;
text-align: center;
}
@ -37,7 +37,7 @@ html, body {
#image-container {
flex: auto;
height: 100vh;
height: 2000px;
background: #222;
color: #fff;
text-align: center;
@ -48,16 +48,16 @@ html, body {
}
#image-container #dest {
height: 100%;
height: 2000px;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-position: top;
}
#image-container #page-num {
position: absolute;
font-size: 18pt;
position: static;
font-size: 14pt;
left: 10px;
bottom: 5px;
font-weight: bold;
@ -66,4 +66,4 @@ html, body {
0 0 2px #222,
0 0 2px #222,
0 0 2px #222;
}
}