cgould/lingo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix message overflow

Browse Source
This commit is contained in:
Charles Gould 2017-01-10 17:55:11 -05:00
parent 9170b4f00a
commit 622b2b79c0
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
server/src/main/resources/static/client.html
View File

@ -20,7 +20,7 @@
<div id="appDiv" class="hidden"> <div id="appDiv" class="hidden">
<div class="main column"> <div class="main column">
<div class="header row">Lingo</div> <div class="header row">Lingo</div>
<div class="body row scroll-y"> <div class="body row nofooter">
<div id="canvasDiv" class="hidden"> <div id="canvasDiv" class="hidden">
<canvas id="canvas" class="centered" width="600" height="475" tabindex="1"></canvas> <canvas id="canvas" class="centered" width="600" height="475" tabindex="1"></canvas>
</div> </div>

8
server/src/main/resources/static/layout.css
View File

@ -46,6 +46,14 @@ body {
.body.row { .body.row {
top: 75px; top: 75px;
bottom: 50px;
}
.body.row.nofooter {
bottom: 0;
}
.body.row.noheader {
bottom: 0; bottom: 0;
} }

5
server/src/main/resources/static/style.css
View File

@ -27,6 +27,7 @@ button:hover {
border-top: 1px solid black; border-top: 1px solid black;
padding: 10px; padding: 10px;
position: relative; position: relative;
overflow-wrap: break-word;
} }
.message-item.first { .message-item.first {
@ -37,10 +38,6 @@ button:hover {
color: green; color: green;
} }
#messageList {
bottom: 50px;
}
#messageInput { #messageInput {
width: 100%; width: 100%;
height: 50px; height: 50px;