Add styling and preferential link logic

This commit is contained in:
zandercymatics 2023-11-03 14:10:03 -06:00
parent 228fcaea65
commit 3224d41c33
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7
2 changed files with 9 additions and 2 deletions

View file

@ -26,6 +26,12 @@ a.usa-button {
text-decoration: none; text-decoration: none;
} }
a.usa-button.disabled-link {
pointer-events: none !important;
cursor: default !important;
background-color: #ccc !important;
}
a.usa-button:not(.usa-button--unstyled, .usa-button--outline) { a.usa-button:not(.usa-button--unstyled, .usa-button--outline) {
color: color('white'); color: color('white');
} }

View file

@ -15,14 +15,15 @@
<p class="margin-top-4"> <p class="margin-top-4">
{% if is_production %} {% if is_production %}
<a href="{% url 'application:' %}" <a href="{% url 'application:' %}"
class="usa-button usa-tooltip disabled-domain-request-link" class="usa-button usa-tooltip disabled-link"
data-position="right" data-position="right"
title="Coming in 2024" title="Coming in 2024"
> >
Start a new domain request Start a new domain request
</a> </a>
{% else %} {% else %}
<a href="{% url 'application:' %}" class="usa-button"> <a href="{% url 'application:' %}" class="usa-button"
>
Start a new domain request Start a new domain request
</a> </a>
{% endif %} {% endif %}