diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss index 38ae4059f..8b5dc9684 100644 --- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss +++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss @@ -932,3 +932,7 @@ li.linked-card:hover svg, font-size: units(3); font-weight: bold; } + +.form-control-error { + border: 4px solid #b10e1e +} diff --git a/app/templates/components/textbox.html b/app/templates/components/textbox.html index 3e479cbce..db3f27c64 100644 --- a/app/templates/components/textbox.html +++ b/app/templates/components/textbox.html @@ -16,19 +16,9 @@ placeholder='' ) %}
- {% if field.errors %} - - {% endif %}
{% endif %} + {% if field.errors %} + + {% if not safe_error_message %}{{ field.errors[0] }}{% else %}{{ field.errors[0]|safe }}{% endif %} + + {% endif %} + {% if highlight_placeholders or autosize %} diff --git a/app/templates/views/edit-sms-template.html b/app/templates/views/edit-sms-template.html index 97eac73dc..f0129ef1c 100644 --- a/app/templates/views/edit-sms-template.html +++ b/app/templates/views/edit-sms-template.html @@ -32,7 +32,7 @@
{{ form.name(param_extensions={ "extra_form_group_classes": "margin-bottom-2", - "hint": {"text": "Your recipients will not see this"} + "id": "template-name" }) }} {{ textbox( form.template_content, @@ -41,7 +41,7 @@ hint=content_hint, rows=5, extra_form_group_classes='margin-bottom-1', - placeholder='Edit me! Check out the Personalization section below for details on cool ((stuff)) you can do with your messages!' + placeholder='Edit me! Check out the Personalization section below for details on cool ((stuff)) you can do with your messages!', ) }} {% if current_user.platform_admin %} {{ form.process_type }} diff --git a/app/templates/views/send-test.html b/app/templates/views/send-test.html index 8a4cf4c0d..27bfe7965 100644 --- a/app/templates/views/send-test.html +++ b/app/templates/views/send-test.html @@ -25,7 +25,7 @@ ) %}
- {{ form.placeholder_value(param_extensions={"classes": ""}) }} + {{ form.placeholder_value(param_extensions={"id": "phone-number"}) }}
{% if skip_link or link_to_upload %}
diff --git a/app/templates/views/templates/template.html b/app/templates/views/templates/template.html index f04f9f490..00cd95303 100644 --- a/app/templates/views/templates/template.html +++ b/app/templates/views/templates/template.html @@ -88,8 +88,4 @@
- - {% endblock %}