Add 'for' attribute to form labels (#145)
parent
decede9097
commit
c1eae53e2e
|
@ -47,19 +47,19 @@
|
|||
<label class="sign-input form-co">
|
||||
<input name="comment" placeholder="{{ .Site.Params.action.form.comment }}" type="text" maxlength="140" />
|
||||
</label>
|
||||
<p class="form-pe">
|
||||
<label class="form-pe">
|
||||
<input name="permissionPriv" value="yes" type="checkbox" required /> {{ replace .Site.Params.action.form.permPriv "privacy/" ("/privacy" | relLangURL) | markdownify }}
|
||||
<div class="form-pe">
|
||||
<label class="form-pe" for="permissionPriv">
|
||||
<input name="permissionPriv" id="permissionPriv" value="yes" type="checkbox" required /> {{ replace .Site.Params.action.form.permPriv "privacy/" ("/privacy" | relLangURL) | markdownify }}
|
||||
</label>
|
||||
<br />
|
||||
<label class="form-pe">
|
||||
<input name="permissionPub" value="yes" type="checkbox" /> {{ replace .Site.Params.action.form.permPub "openletter/all-signatures" ("/openletter/all-signatures" | relLangURL) | markdownify}}
|
||||
<label class="form-pe" for="permissionPub">
|
||||
<input name="permissionPub" id="permissionPub" value="yes" type="checkbox" /> {{ replace .Site.Params.action.form.permPub "openletter/all-signatures" ("/openletter/all-signatures" | relLangURL) | markdownify}}
|
||||
</label>
|
||||
<br />
|
||||
<label class="form-pe">
|
||||
<input name="permissionNews" value="yes" type="checkbox" checked="checked" /> {{ .Site.Params.action.form.permNews | markdownify }}
|
||||
<label class="form-pe" for="permissionNews">
|
||||
<input name="permissionNews" id="permissionNews" value="yes" type="checkbox" checked="checked" /> {{ .Site.Params.action.form.permNews | markdownify }}
|
||||
</label>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<label id="honey"> <!-- Honeypot for spam -->
|
||||
<p>Please do not put anything here:</p>
|
||||
|
|
|
@ -183,8 +183,8 @@ select::-ms-expand {
|
|||
content: "\f003";
|
||||
}
|
||||
.form-cn select {
|
||||
padding-left: 0px !important;
|
||||
text-indent: 15px !important; /* ugly hack for Safari browsers */
|
||||
padding-left: 34px !important;
|
||||
/*text-indent: 15px !important; ugly hack for Safari browsers */
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.form-cn select option:first-child {
|
||||
|
@ -202,12 +202,12 @@ select::-ms-expand {
|
|||
content: "\f27a";
|
||||
padding-left: 3px;
|
||||
}
|
||||
p.form-pe {
|
||||
div.form-pe {
|
||||
text-align: left;
|
||||
max-width: 530px; /* to not let the checkboxed go far more left than the input boxes above */
|
||||
margin: 0 auto;
|
||||
}
|
||||
p.form-pe a {
|
||||
div.form-pe a {
|
||||
color: inherit;
|
||||
}
|
||||
#honey {
|
||||
|
|
Loading…
Reference in New Issue