bitscuit
/
Scrawl
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Changed layout of voting screen and made input wider

This commit is contained in:
bitscuit 2021-03-13 19:23:18 +01:00
parent d5ee6f86bc
commit 4953f1e685
2 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
html/css/extra.css
View File

@ -26,3 +26,4 @@ tr.clickable:hover{
.story h5{
margin: 0px;
}

23
html/index.html
View File

@ -139,7 +139,7 @@ socket.on("WRITE", function(data){
page += "</div>";
page += "<p>Enter the "+(data.lineNr == 1 ? "first" : "next")+" line.</p>";
page += "<input type='text' placeholder='The "+(data.lineNr == 1 ? "First" : "Next")+" Line' id='input_write' /><br/>";
page += "<input type='text' placeholder='The "+(data.lineNr == 1 ? "First" : "Next")+" Line' id='input_write' style='width: 100%; max-width: 500px;'/><br/>";
page += "<p id='text_write_error' style='display: none; color: #BB2266; '></p>";
page += "<button id='button_ok' class='button button-primary' onclick='button_write()'><i class='fas fa-check'></i>&nbsp;&nbsp;&nbsp;Submit</button>";
@ -188,17 +188,22 @@ socket.on("PICK", function(data){
page += "<div id='pick_buttons'>";
page += "<p>Select the line you prefer.</p>";
for(y=0; y<data.submissions.length/3+1; y++){
for(y=0; y<data.submissions.length; y++){
page += "<div class='row'>";
for(x=0; x<Math.min(3, data.submissions.length-y*3); x++){
page += "<div class='four columns'>";
page += "<div class='ten columns'>";
page += "<button class='button button-primary u-full-width' onclick='button_pick("+(y*3+x)+")'>";
page += data.submissions[y*3+x];
page += "</button>";
page += "<h5 style='text-align: left;'>";
page += data.submissions[y];
page += "</h5>";
page += "</div>";
}
page += "</div>";
page += "<div class='two columns'>";
page += "<button class='button button-primary u-full-width' onclick='button_pick("+(y)+")'>";
page += "<i class='fas fa-check'></i>";
page += "</button>";
page += "</div>";
page += "</div>";
}
page += "</div>";