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

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;
}
}