Update styling

This commit is contained in:
zandercymatics 2024-02-29 09:20:33 -07:00
parent f693557f93
commit eeff5586d2
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7
2 changed files with 18 additions and 9 deletions

View file

@ -302,3 +302,12 @@ input.admin-confirm-button {
display: contents !important; display: contents !important;
} }
} }
.django-admin-modal .usa-prose ul > li {
list-style-type: inherit;
// Styling based off of the <p> styling in django admin
line-height: 1.5;
margin-bottom: 0;
margin-top: 0;
max-width: 68ex;
}

View file

@ -54,7 +54,7 @@
{# Create a modal for the _extend_expiration_date button #} {# Create a modal for the _extend_expiration_date button #}
<div <div
class="usa-modal" class="usa-modal django-admin-modal"
id="toggle-extend-expiration-alert" id="toggle-extend-expiration-alert"
aria-labelledby="Are you sure you want to extend the expiration date?" aria-labelledby="Are you sure you want to extend the expiration date?"
aria-describedby="This expiration date will be extended." aria-describedby="This expiration date will be extended."
@ -118,7 +118,7 @@
{# Create a modal for the _on_hold button #} {# Create a modal for the _on_hold button #}
<div <div
class="usa-modal" class="usa-modal django-admin-modal"
id="toggle-place-on-hold" id="toggle-place-on-hold"
aria-labelledby="Are you sure you want to place this domain on hold?" aria-labelledby="Are you sure you want to place this domain on hold?"
aria-describedby="This domain will be put on hold" aria-describedby="This domain will be put on hold"
@ -141,9 +141,9 @@
This action can be reversed, if needed. This action can be reversed, if needed.
</p> </p>
<p> <p>
Domain: <b>{{ original.name }}</b>
{# Acts as a <br> #} {# Acts as a <br> #}
<div class="display-inline"></div> <div class="display-inline"></div>
Domain: <b>{{ original.name }}</b>
New status: <b>{{ original.State.ON_HOLD }}</b> New status: <b>{{ original.State.ON_HOLD }}</b>
</p> </p>
</div> </div>
@ -185,7 +185,7 @@
</div> </div>
{# Create a modal for the _remove_domain button #} {# Create a modal for the _remove_domain button #}
<div <div
class="usa-modal" class="usa-modal django-admin-modal"
id="toggle-remove-from-registry" id="toggle-remove-from-registry"
aria-labelledby="Are you sure you want to remove this domain from the registry?" aria-labelledby="Are you sure you want to remove this domain from the registry?"
aria-describedby="This domain will be removed." aria-describedby="This domain will be removed."
@ -200,17 +200,17 @@
When a domain is removed from the registry: When a domain is removed from the registry:
</p> </p>
<ul> <ul>
<li>The domain and its subdomains wont resolve in DNS. Any infrastructure (like websites) will go offline.</li> <li class="font-body-sm">The domain and its subdomains wont resolve in DNS. Any infrastructure (like websites) will go offline.</li>
<li>The domain will still appear in the registrar / admin.</li> <li class="font-body-sm">The domain will still appear in the registrar / admin.</li>
<li>Domain managers wont be able to edit the domain.</li> <li class="font-body-sm">Domain managers wont be able to edit the domain.</li>
</ul> </ul>
<p> <p>
This action cannot be undone. This action cannot be undone.
</p> </p>
<p> <p>
Domain: <b>{{ original.name }}</b>
{# Acts as a <br> #} {# Acts as a <br> #}
<div class="display-inline"></div> <div class="display-inline"></div>
Domain: <b>{{ original.name }}</b>
New status: <b>{{ original.State.DELETED }}</b> New status: <b>{{ original.State.DELETED }}</b>
</p> </p>
</div> </div>