Add 'for' attribute to form labels (#145)

lektura
max.mehl 2017-09-14 16:40:46 +02:00
parent decede9097
commit c1eae53e2e
2 changed files with 12 additions and 12 deletions

View File

@ -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>

View File

@ -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 {