Projects/OpenTally
Projects
/
OpenTally
14
0
Fork 0
Code Issues 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
No known key found for this signature in database
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> </label>
</div> </div>
<div> <div>
<label> <label style="margin-right:1em;">
Exclusion: Exclusion:
<select id="selExclusion"> <select id="selExclusion">
<option value="single_stage" selected>Single stage</option> <option value="single_stage" selected>Single stage</option>
@ -115,9 +115,10 @@
<option value="wright">Wright method (re-iterate)</option> <option value="wright">Wright method (re-iterate)</option>
</select> </select>
</label> </label>
<label style="margin-left:1em;"> <label>
<input type="checkbox" id="chkMeekNZExclusion"> <input type="checkbox" id="chkMeekNZExclusion">
(Meek) NZ-style exclusion <span class="pill-grey">Meek</span>
NZ-style exclusion
</label> </label>
</div> </div>
<div class="subheading"> <div class="subheading">
@ -150,7 +151,7 @@
Numeric representation: Numeric representation:
</div> </div>
<div class="col-12"> <div class="col-12">
<label> <label style="margin-right:1em;">
Numbers: Numbers:
<select id="selNumbers"> <select id="selNumbers">
<option value="rational" selected>Rational</option> <option value="rational" selected>Rational</option>
@ -160,7 +161,8 @@
</select> </select>
</label> </label>
<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;"> <input type="number" id="txtDP" value="5" min="0" style="width: 3em;">
</label> </label>
</div> </div>
@ -190,7 +192,8 @@
</label> </label>
<label class="col-6"> <label class="col-6">
<input type="checkbox" id="chkMeekImmediateElect"> <input type="checkbox" id="chkMeekImmediateElect">
(Meek) Immediate election <span class="pill-grey">Meek</span>
Immediate election
</label> </label>
<div class="col-12 subheading"> <div class="col-12 subheading">
Rounding: Rounding:
@ -244,7 +247,8 @@
</select> </select>
</label> </label>
<label class="col-12"> <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;"> <input type="text" id="txtMeekSurplusTolerance" value="0.001%" style="width: 5em;">
</label> </label>
</div> </div>

13
html/main.css
View File

@ -16,7 +16,7 @@
along with this program. If not, see <https://www.gnu.org/licenses/>. 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 { html, body {
font-family: 'Source Sans Pro', sans-serif; font-family: 'Source Sans Pro', sans-serif;
@ -46,7 +46,16 @@ a:hover {
.menudiv .subheading { .menudiv .subheading {
font-size: 0.8em; 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 { .cols-12 {