Reorder elements on the page, fix input widths, move validation icon for inputs

2019-07-24 13:04:39 -04:00
parent c4651332a2
commit e8dede201b
4 changed files with 209 additions and 164 deletions
--- a/templates/components/text_input.html
+++ b/templates/components/text_input.html
@@ -16,7 +16,8 @@
  noMaxWidth=False,
  optional=True,
  showLabel=True,
-  watch=False) -%}
+  watch=False,
+  show_validation=True) -%}

  <textinput
    v-cloak
@@ -101,12 +102,14 @@
        {% endif %}
      />

-      <template v-if='showError'>
-        <span class='usa-input__message' v-html='validationError'></span>
-      </template>
-      <template v-else>
-        <span class='usa-input__message'></span>
-      </template>
+      {% if show_validation %}
+        <template v-if='showError'>
+          <span class='usa-input__message' v-html='validationError'></span>
+        </template>
+        <template v-else>
+          <span class='usa-input__message'></span>
+        </template>
+      {% endif %}

    </div>
  </textinput>