eclipse/sr2ini
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

modified CSS and button layout

Browse Source
This commit is contained in:
Tobias 2022-01-08 13:57:18 +01:00
parent afd39b846f
commit ff3799ab13
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
index.html
View File

@ -21,18 +21,20 @@
</head>
<body>
<br/>
<div class="container">
<table class="table table-sm" id="combatants">
<div class="table-responsive">
<table class="table table-sm table-hover " id="combatants">
<thead>
<tr id="combatants-headrow">
<th title="Initiative">Ini</th>
<th title="Initiative">Initiative</th>
<th title="Name">Name</th>
<th></th>
</tr>
</thead>
<tbody id="sortable">
<tr id="formRow">
<tr class="table-active" id="formRow">
<form name="combForm" id="combForm" onsubmit="return false;">
<td>
<input type="number" min="0" max="99" class="form-control" id="combIni" placeholder="new combatant's ini" required />
@ -40,14 +42,16 @@
<td>
<input type="text" maxlength="40" class="form-control" id="combName" placeholder="new combatant's name" required />
</td>
<td>
<button type="button" class="btn btn-primary btn-sm" id="combAddButton" title="Combatant's name …">Add</button>
<td width="50px">
<button type="button" class="btn btn-primary btn-sm" id="combAddButton" title="Add combatant to fight">Add</button>
</td>
<td width="80px"/>
</form>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>

6
js/sr2ini.js
View File

@ -138,8 +138,10 @@ console.log("Ini is: " + ini);
'<td contenteditable="true" class="ini-editable" title="click to edit">', ini , '</td>',
'<td contenteditable="true" class="name-editable" title="click to edit">', $("#combName").val(), '</td>',
'<td>',
'<button type="button" class="btn btn-default act-button" title="Complete this combatant\'s current phase and reduce ini by 10">-10</button>',
'<button type="button" class="btn btn-default remove-button" title="Remove combatant">Remove</button>',
'<button type="button" class="btn btn-sm btn-secondary act-button" title="Complete this combatant\'s current phase and reduce ini by 10">-10</button>',
'</td>',
'<td>',
'<button type="button" class="btn btn-sm btn-danger remove-button" title="Remove combatant">Remove</button>',
'</td>',
'</tr>'].join("")
));