Add style for disabled button

This commit is contained in:
zandercymatics 2024-01-31 08:34:05 -07:00
parent 27c08b8652
commit 161bd30e1f
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7
2 changed files with 12 additions and 2 deletions

View file

@ -52,6 +52,14 @@ a.usa-button--unstyled.disabled-link:focus {
text-decoration: none !important; text-decoration: none !important;
} }
.usa-button--unstyled.disabled-button,
.usa-button--unstyled.disabled-link:hover,
.usa-button--unstyled.disabled-link:focus {
cursor: not-allowed !important;
outline: none !important;
text-decoration: none !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

@ -84,12 +84,14 @@
{% else %} {% else %}
<input <input
type="submit" type="submit"
class="usa-button--unstyled text-no-underline disabled-link usa-tooltip" class="usa-button--unstyled disabled-button usa-tooltip"
value="Remove" value="Remove"
data-position="bottom" data-position="bottom"
title="Domains must have at least one domain manager" title="Domains must have at least one domain manager"
data-tooltip="true"
aria-disabled="true" aria-disabled="true"
data-tooltip="true"> role="button"
>
{% endif %} {% endif %}
</td> </td>
</tr> </tr>