Set label text displayed block with the tooltip

This commit is contained in:
luis cielak 2018-08-13 13:10:18 -04:00
parent 9260a01442
commit 65207a480d
3 changed files with 6 additions and 6 deletions

View File

@ -81,7 +81,6 @@
} }
.usa-input__help { .usa-input__help {
display: block;
@include h4; @include h4;
font-weight: normal; font-weight: normal;
padding: $gap/2 0; padding: $gap/2 0;

View File

@ -6,16 +6,17 @@
<fieldset class="usa-input__choices {% if inline %}usa-input__choices--inline{% endif %}"> <fieldset class="usa-input__choices {% if inline %}usa-input__choices--inline{% endif %}">
<legend> <legend>
{{ field.label | striptags}} <div>
{{ field.label | striptags}}
{% if tooltip %}{{ Tooltip(tooltip) }}{% endif %} {% if tooltip %}{{ Tooltip(tooltip) }}{% endif %}
</div>
{% if field.description %} {% if field.description %}
<span class='usa-input__help'>{{ field.description | safe }}</span> <span class='usa-input__help'>{{ field.description | safe }}</span>
{% endif %} {% endif %}
{% if field.errors %} {% if field.errors %}
<span class="icon-validation">{{ Icon('alert') }}</span> {{ Icon('alert') }}
{% endif %} {% endif %}
</legend> </legend>

View File

@ -4,7 +4,7 @@
{% macro TextInput(field, tooltip='', placeholder='') -%} {% macro TextInput(field, tooltip='', placeholder='') -%}
<div class='usa-input {% if field.errors %}usa-input--error{% endif %}'> <div class='usa-input {% if field.errors %}usa-input--error{% endif %}'>
<label for={{field.name}}> <label for={{field.name}}>
{{ field.label | striptags }} {% if tooltip %}{{ Tooltip(tooltip) }}{% endif %} <div>{{ field.label | striptags }} {% if tooltip %}{{ Tooltip(tooltip) }}{% endif %}</div>
{% if field.description %} {% if field.description %}
<span class='usa-input__help'>{{ field.description | safe }}</span> <span class='usa-input__help'>{{ field.description | safe }}</span>