add optional comment field to sign form

lektura
max.mehl 2017-08-30 16:29:06 +02:00
parent 9430598b01
commit 1059214772
3 changed files with 13 additions and 1 deletions

View File

@ -79,8 +79,9 @@ DefaultContentLanguage = "en"
description = "More than XY organisations support this call for action by signing our [Open Letter](/openletter). Help us to make an impact by signing it, too! We will hand over all signatures to representatives all over Europe that are debating software freedom in public administration." description = "More than XY organisations support this call for action by signing our [Open Letter](/openletter). Help us to make an impact by signing it, too! We will hand over all signatures to representatives all over Europe that are debating software freedom in public administration."
formName = "Name (required)" formName = "Name (required)"
formEmail = "Email (required)" formEmail = "Email (required)"
formCountry = "Country" formCountry = "Your Country"
formZip = "ZIP Code" formZip = "ZIP Code"
formComment = "Your comment (max. 140 characters)"
formPermissionPriv = "I have read and accepted the [privacy statement](/privacy)" formPermissionPriv = "I have read and accepted the [privacy statement](/privacy)"
formPermissionNews = "I want to stay informed about the future of this campaign" formPermissionNews = "I want to stay informed about the future of this campaign"
formPermissionPub = "I want my signature to appear in the [list of signatures](/openletter#signatures)" formPermissionPub = "I want my signature to appear in the [list of signatures](/openletter#signatures)"

View File

@ -52,6 +52,9 @@
<label class="sign-input form-zp"> <label class="sign-input form-zp">
<input name="zip" placeholder="{{ .Site.Params.action.formZip }}" type="text" /> <input name="zip" placeholder="{{ .Site.Params.action.formZip }}" type="text" />
</label> </label>
<label class="sign-input form-co">
<input name="comment" placeholder="{{ .Site.Params.action.formComment }}" type="text" maxlength="140" />
</label>
<p class="form-pe"> <p class="form-pe">
<label class="form-pe"> <label class="form-pe">
<input name="permissionPriv" value="yes" type="checkbox" required /> {{ .Site.Params.action.formPermissionPriv | markdownify }} <input name="permissionPriv" value="yes" type="checkbox" required /> {{ .Site.Params.action.formPermissionPriv | markdownify }}

View File

@ -101,6 +101,7 @@
} }
#action form label { #action form label {
font-weight: 400; font-weight: 400;
margin: 5px 3px;
} }
.sign-input { .sign-input {
position: relative; position: relative;
@ -119,6 +120,9 @@
width: 270px; width: 270px;
height: 31px; height: 31px;
} }
.sign-input.form-co input {
width: 554px;
}
.sign-input select { .sign-input select {
background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
border-radius: 7px; border-radius: 7px;
@ -140,6 +144,10 @@
content: "\f08d"; content: "\f08d";
padding-left: 3px; padding-left: 3px;
} }
.form-co:before {
content: "\f27a";
padding-left: 3px;
}
p.form-pe { p.form-pe {
text-align: left; text-align: left;
max-width: 530px; /* to not let the checkboxed go far more left than the input boxes above */ max-width: 530px; /* to not let the checkboxed go far more left than the input boxes above */