diff --git a/c3l_membership/static/style.css b/c3l_membership/static/style.css --- a/c3l_membership/static/style.css +++ b/c3l_membership/static/style.css @@ -19,3 +19,18 @@ p { text-align: right; padding-bottom: 1rem; } + +.form-error { + background: #f98691; + border: 1px solid #dc3545; + border-radius: 4px; + padding: 0.5em 0.6em; + font-weight: 550; + color: #3d0309; +} + +.field-error { + background: #f98691; + border: 1px solid #dc3545; + color: #3d0309; +} diff --git a/c3l_membership/templates/index.html b/c3l_membership/templates/index.html --- a/c3l_membership/templates/index.html +++ b/c3l_membership/templates/index.html @@ -43,7 +43,7 @@ {% if form.errors %} {% for fieldname, errors in form.errors.items() %} {% for error in errors %} -

{{ fieldname }} - {{ error }}

+

{{ fieldname }} - {{ error }}

{% endfor %} {% endfor %} {% endif %} @@ -54,19 +54,19 @@
{{ form.username.label }} - {{ form.username(required=True, class="pure-u-1-1") }} + {{ form.username(required=True, class="pure-u-1-1 field-error" if form.username.errors else "pure-u-1-1") }}
{{ form.email.label }} - {{ form.email(required=True, class="pure-u-1-1") }} + {{ form.email(required=True, class="pure-u-1-1 field-error" if form.email.errors else "pure-u-1-1") }}
{{ form.fullname.label }} - {{ form.fullname(required=True, class="pure-u-1-1") }} + {{ form.fullname(required=True, class="pure-u-1-1 field-error" if form.fullname.errors else "pure-u-1-1") }}
@@ -123,37 +123,37 @@
{{ form.birthday.label }} - {{ form.birthday(class="pure-u-1-1") }} + {{ form.birthday(class="pure-u-1-1 field-error" if form.birthday.errors else "pure-u-1-1") }}
{{ form.street.label }} - {{ form.street(class="pure-u-1-1") }} + {{ form.street(class="pure-u-1-1 field-error" if form.street.errors else "pure-u-1-1") }}
{{ form.zip.label }} - {{ form.zip(class="pure-u-1-1") }} + {{ form.zip(class="pure-u-1-1 field-error" if form.zip.errors else "pure-u-1-1") }}
{{ form.city.label }} - {{ form.city(class="pure-u-1-1") }} + {{ form.city(class="pure-u-1-1 field-error" if form.city.errors else "pure-u-1-1") }}
{{ form.state.label }} - {{ form.state(class="pure-u-1-1") }} + {{ form.state(class="pure-u-1-1 field-error" if form.state.errors else "pure-u-1-1") }}
{{ form.country.label }} - {{ form.country(class="pure-u-1-1") }} + {{ form.country(class="pure-u-1-1 field-error" if form.country.errors else "pure-u-1-1") }}