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

View file

@ -80,7 +80,7 @@ class FEBTimeFrameDetailsForm(BaseDeletableRegistrarForm):
label="time_frame_details",
widget=forms.Textarea(
attrs={
"aria-label": "Provide details on your target timeframe. \
"aria-label": "Provide details on your target time frame. \
Is there a special significance to this date (legal requirement, announcement, event, etc)?"
}
),

View file

@ -26,9 +26,7 @@
{% endwith %}
<div id="purpose-details-container" class="conditional-panel display-none">
<p class="usa-label">
<em>Provide details below <span class="usa-label--required">*</span></em>
</p>
<p><em>Provide details below. <abbr class="usa-hint usa-hint--required" title="required">*</abbr></em></p>
{% with add_label_class="usa-sr-only" attr_required="required" attr_maxlength="2000" %}
{% input_with_errors forms.1.purpose %}
{% endwith %}
@ -48,19 +46,19 @@
{% endwith %}
<div id="purpose-timeframe-details-container" class="conditional-panel">
<p class="margin-bottom-0 margin-top-1">
<em>Provide details below. <abbr class="usa-hint usa-hint--required" title="required">*</abbr></em>
<p>
<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>
{% with add_label_class="usa-sr-only" attr_required="required" attr_maxlength="2000" %}
{% input_with_errors forms.3.time_frame_details %}
{% endwith %}
</div>
</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.5.management_form}}
<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>
<p class="margin-bottom-0 margin-top-1">
<em>Select one. <abbr class="usa-hint usa-hint--required" title="required">*</abbr></em>
@ -70,7 +68,7 @@
{% endwith %}
<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>
</p>
{% with add_label_class="usa-sr-only" attr_required="required" attr_maxlength="2000" %}

View file

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