Show help text on hover for pills

This commit is contained in:
RunasSudo 2021-06-23 20:18:53 +10:00
parent ce8b252453
commit 444e274202
Signed by: RunasSudo
GPG Key ID: 7234E476BF21C61A
2 changed files with 7 additions and 4 deletions

View File

@ -117,7 +117,7 @@
</label> </label>
<label> <label>
<input type="checkbox" id="chkMeekNZExclusion"> <input type="checkbox" id="chkMeekNZExclusion">
<span class="pill-grey">Meek</span> <span class="pill-grey" title="This option has effect only if “Method” is set to “Meek method”">Meek</span>
NZ-style exclusion NZ-style exclusion
</label> </label>
</div> </div>
@ -161,7 +161,7 @@
</select> </select>
</label> </label>
<label> <label>
<span class="pill-grey">Fixed</span> <span class="pill-grey" title="This option has effect only if “Numbers” is set to “Fixed” or “Fixed (guarded)”">Fixed</span>
Decimal places: 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>
@ -192,7 +192,7 @@
</label> </label>
<label class="col-6"> <label class="col-6">
<input type="checkbox" id="chkMeekImmediateElect"> <input type="checkbox" id="chkMeekImmediateElect">
<span class="pill-grey">Meek</span> <span class="pill-grey" title="This option has effect only if “Method” is set to “Meek method”">Meek</span>
Immediate election Immediate election
</label> </label>
<div class="col-12 subheading"> <div class="col-12 subheading">
@ -247,7 +247,7 @@
</select> </select>
</label> </label>
<label class="col-12"> <label class="col-12">
<span class="pill-grey">Meek</span> <span class="pill-grey" title="This option has effect only if “Method” is set to “Meek method”">Meek</span>
Surplus tolerance: 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>

View File

@ -57,6 +57,9 @@ a:hover {
font-weight: 600; font-weight: 600;
padding: 0 0.5em; padding: 0 0.5em;
} }
.pill-grey[title] {
cursor: help;
}
.cols-12 { .cols-12 {
display: grid; display: grid;