ch/Schafkopf-Server
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Hide public/private table specifier in UI

Browse Source
This commit is contained in:
Christoph Hagen 2021-11-30 11:56:11 +01:00
parent 5281dfbe30
commit f81b8e4119
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Public/schafkopf.html
View File

@ -20,7 +20,7 @@
<input type="checkbox" id="table-public-checkbox" name="public-table" checked="checked"> <input type="checkbox" id="table-public-checkbox" name="public-table" checked="checked">
<span id="table-public-label">Public</span> <span id="table-public-label">Public</span>
<button id="create-table-button" class="standard-button" onclick="createTable()">Create table</button> <button id="create-table-button" class="standard-button" onclick="createTable()">Create table</button>
<button id="refresh-tables" class="standard-button" onclick="refreshTables()">Refresh</button> <button id="refresh-tables" class="standard-button" onclick="refreshTables()">Refresh list</button>
</div> </div>
</div> </div>

13
Public/style.css
View File

@ -114,12 +114,13 @@ body, html {
#table-list-bar { #table-list-bar {
position: absolute; position: absolute;
width: 510px; width: 460px; /* 540px */
height: 40px; height: 40px;
top: 5px; top: 5px;
left: 10px; left: 10px;
display: grid; display: grid;
grid-template-columns: 200px 30px 50px 140px 90px; grid-template-columns: 200px 120px 120px; /* 200px 30px 50px 120px 120px */
column-gap: 10px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
justify-items: center; justify-items: center;
@ -132,24 +133,26 @@ body, html {
} }
#table-public-checkbox { #table-public-checkbox {
display: none; /* Remove in future */
grid-column: 2; grid-column: 2;
margin-left: 16px; margin-left: 16px;
} }
#table-public-label { #table-public-label {
display: none; /* Remove in future */
grid-column: 3; grid-column: 3;
} }
#create-table-button { #create-table-button {
width: 120px; width: 120px;
grid-column: 4; grid-column: 2; /* 4 in future */
padding: 0px; padding: 0px;
height: 34px; height: 34px;
} }
#refresh-tables { #refresh-tables {
width: 90px; width: 120px;
grid-column: 5; grid-column: 3; /* 5 in future */
padding: 0px; padding: 0px;
height: 34px; height: 34px;
} }