RunasSudo
/
OpenTally
1
Fork 0
Code Issues 3 Pull Requests Activity

Add pills to web UI

This commit is contained in:
RunasSudo 2021-06-22 23:47:35 +10:00
parent b8e9504f58
commit bd6b4b01c5
Signed by: RunasSudo
GPG Key ID: 7234E476BF21C61A
2 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
html/index.html
View File

@ -106,7 +106,7 @@
</label>
</div>
<div>
<label>
<label style="margin-right:1em;">
Exclusion:
<select id="selExclusion">
<option value="single_stage" selected>Single stage</option>
@ -115,9 +115,10 @@
<option value="wright">Wright method (re-iterate)</option>
</select>
</label>
<label style="margin-left:1em;">
<label>
<input type="checkbox" id="chkMeekNZExclusion">
(Meek) NZ-style exclusion
<span class="pill-grey">Meek</span>
NZ-style exclusion
</label>
</div>
<div class="subheading">
@ -150,7 +151,7 @@
Numeric representation:
</div>
<div class="col-12">
<label>
<label style="margin-right:1em;">
Numbers:
<select id="selNumbers">
<option value="rational" selected>Rational</option>
@ -160,7 +161,8 @@
</select>
</label>
<label>
Decimal places (if <i>Numbers</i> = <i>Fixed</i>):
<span class="pill-grey">Fixed</span>
Decimal places:
<input type="number" id="txtDP" value="5" min="0" style="width: 3em;">
</label>
</div>
@ -190,7 +192,8 @@
</label>
<label class="col-6">
<input type="checkbox" id="chkMeekImmediateElect">
(Meek) Immediate election
<span class="pill-grey">Meek</span>
Immediate election
</label>
<div class="col-12 subheading">
Rounding:
@ -244,7 +247,8 @@
</select>
</label>
<label class="col-12">
(Meek) Surplus tolerance:
<span class="pill-grey">Meek</span>
Surplus tolerance:
<input type="text" id="txtMeekSurplusTolerance" value="0.001%" style="width: 5em;">
</label>
</div>

13
html/main.css
View File

@ -16,7 +16,7 @@
along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');
html, body {
font-family: 'Source Sans Pro', sans-serif;
@ -46,7 +46,16 @@ a:hover {
.menudiv .subheading {
font-size: 0.8em;
font-weight: bold;
font-weight: 600;
}
.pill-grey {
border-radius: 4px;
background-color: #3f454f;
color: #fff;
font-size: 0.7rem;
font-weight: 600;
padding: 0 0.5em;
}
.cols-12 {