design fixes

This commit is contained in:
matthewswspence 2025-03-28 11:33:29 -05:00
parent 0cf254a4be
commit 9661904fa8
No known key found for this signature in database
GPG key ID: FB458202A7852BA4
4 changed files with 15 additions and 17 deletions

View file

@ -15,11 +15,11 @@ export const domain_purpose_choice_callbacks = {
showElement(element); showElement(element);
// change just the text inside the em tag // change just the text inside the em tag
const labelElement = element.querySelector('.usa-label em'); const labelElement = element.querySelector('.usa-label em');
labelElement.innerHTML = 'Explain why a new domain is required and why a ' + labelElement.innerHTML = 'Explain why a new domain is need instead ofusing a' +
'subdomain of an existing domain doesn\'t meet your needs.' + 'subdomain of an existing website.' +
'<br><br>' + // Adding double line break for spacing '<br><br>' + // Adding double line break for spacing
'Include any data that supports a clear public benefit or ' + 'Include any information or data that shows how the new domain would ' +
'evidence user need for this new domain. ' + 'benefit the public or meet user needs. ' +
'<span class="usa-label--required">*</span>'; '<span class="usa-label--required">*</span>';
// Mark that we're no longer in initial load // Mark that we're no longer in initial load

View file

@ -26,9 +26,7 @@
{% endwith %} {% endwith %}
<div id="purpose-details-container" class="conditional-panel display-none"> <div id="purpose-details-container" class="conditional-panel display-none">
<p class="usa-label"> <p><em>Provide details below. <abbr class="usa-hint usa-hint--required" title="required">*</abbr></em></p>
<em>Provide details below <span class="usa-label--required">*</span></em>
</p>
{% with add_label_class="usa-sr-only" attr_required="required" attr_maxlength="2000" %} {% with add_label_class="usa-sr-only" attr_required="required" attr_maxlength="2000" %}
{% input_with_errors forms.1.purpose %} {% input_with_errors forms.1.purpose %}
{% endwith %} {% endwith %}
@ -48,19 +46,19 @@
{% endwith %} {% endwith %}
<div id="purpose-timeframe-details-container" class="conditional-panel"> <div id="purpose-timeframe-details-container" class="conditional-panel">
<p class="margin-bottom-0 margin-top-1"> <p>
<em>Provide details below. <abbr class="usa-hint usa-hint--required" title="required">*</abbr></em> <em>Provide details on your target time frame. Is there special significance of this day (legal requirement, announcement, event, etc.)? <abbr class="usa-hint usa-hint--required" title="required">*</abbr></em>
</p> </p>
{% with add_label_class="usa-sr-only" attr_required="required" attr_maxlength="2000" %} {% with add_label_class="usa-sr-only" attr_required="required" attr_maxlength="2000" %}
{% input_with_errors forms.3.time_frame_details %} {% input_with_errors forms.3.time_frame_details %}
{% endwith %} {% endwith %}
</div> </div>
</fieldset> </fieldset>
<fieldset class="usa-fieldset margin-top-2"> <fieldset class="usa-fieldset margin-top-2" aria-labelledby="interagency-initiative-question">
{{forms.4.management_form}} {{forms.4.management_form}}
{{forms.5.management_form}} {{forms.5.management_form}}
<legend> <legend>
<h2>Will the domain name be used for an interagency initiative?</h2> <h2 id="interagency-initiative-question">Will the domain name be used for an interagency initiative?</h2>
</legend> </legend>
<p class="margin-bottom-0 margin-top-1"> <p class="margin-bottom-0 margin-top-1">
<em>Select one. <abbr class="usa-hint usa-hint--required" title="required">*</abbr></em> <em>Select one. <abbr class="usa-hint usa-hint--required" title="required">*</abbr></em>
@ -70,7 +68,7 @@
{% endwith %} {% endwith %}
<div id="purpose-interagency-initaitive-details-container" class="conditional-panel"> <div id="purpose-interagency-initaitive-details-container" class="conditional-panel">
<p class="margin-bottom-0 margin-top-1"> <p>
<em>Name the agencies that will be involved in this initiative. <abbr class="usa-hint usa-hint--required" title="required">*</abbr></em> <em>Name the agencies that will be involved in this initiative. <abbr class="usa-hint usa-hint--required" title="required">*</abbr></em>
</p> </p>
{% with add_label_class="usa-sr-only" attr_required="required" attr_maxlength="2000" %} {% with add_label_class="usa-sr-only" attr_required="required" attr_maxlength="2000" %}

View file

@ -33,11 +33,11 @@
</div> </div>
</fieldset> </fieldset>
<fieldset class="usa-fieldset"> <fieldset class="usa-fieldset" aria-labelledby="anything-else-question">
{{forms.2.management_form}} {{forms.2.management_form}}
{{forms.3.management_form}} {{forms.3.management_form}}
<legend> <legend>
<h2>Is there anything else you'd like us to know about your domain request?</h2> <h2 id="anything-else-question">Is there anything else you'd like us to know about your domain request?</h2>
</legend> </legend>
<p class="margin-bottom-0 margin-top-1"> <p class="margin-bottom-0 margin-top-1">
<em>Select one. <abbr class="usa-hint usa-hint--required" title="required">*</abbr></em> <em>Select one. <abbr class="usa-hint usa-hint--required" title="required">*</abbr></em>
@ -56,8 +56,8 @@
</div> </div>
</fieldset> </fieldset>
{% else %} {% else %}
<fieldset class="usa-fieldset"> <fieldset class="usa-fieldset" aria-labelledby="anything-else-question">
<h2 class="margin-top-0 margin-bottom-0">Is there anything else youd like us to know about your domain request?</h2> <h2 id="anything-else-question" class="margin-top-0 margin-bottom-0">Is there anything else youd like us to know about your domain request?</h2>
</legend> </legend>
</fieldset> </fieldset>