diff --git a/templates/corporate/billing.html b/templates/corporate/billing.html index 264eb500ef..d5da039b47 100644 --- a/templates/corporate/billing.html +++ b/templates/corporate/billing.html @@ -61,7 +61,7 @@ licenses ({{ seat_count }} in use) - + Update @@ -81,7 +81,7 @@ licenses ({{ seat_count }} in use) - + Update diff --git a/web/src/billing/billing.ts b/web/src/billing/billing.ts index b2cae64ebc..280df72b7a 100644 --- a/web/src/billing/billing.ts +++ b/web/src/billing/billing.ts @@ -194,15 +194,15 @@ export function initialize(): void { const {new_current_manual_license_count, old_current_manual_license_count} = get_old_and_new_license_count_for_current_cycle(); if (new_current_manual_license_count > old_current_manual_license_count) { - $("#current-manual-license-count-update-button").prop("disabled", false); + $("#current-manual-license-count-update-button").toggleClass("hide", false); $("#current-license-change-error").text(""); } else if (new_current_manual_license_count < old_current_manual_license_count) { $("#current-license-change-error").text( "You can only increase the number of licenses for the current billing period.", ); - $("#current-manual-license-count-update-button").prop("disabled", true); + $("#current-manual-license-count-update-button").toggleClass("hide", true); } else { - $("#current-manual-license-count-update-button").prop("disabled", true); + $("#current-manual-license-count-update-button").toggleClass("hide", true); $("#current-license-change-error").text(""); } }, 300); // Wait for 300ms after the user stops typing @@ -221,9 +221,9 @@ export function initialize(): void { new_next_manual_license_count < 0 || new_next_manual_license_count === old_next_manual_license_count ) { - $("#next-manual-license-count-update-button").prop("disabled", true); + $("#next-manual-license-count-update-button").toggleClass("hide", true); } else { - $("#next-manual-license-count-update-button").prop("disabled", false); + $("#next-manual-license-count-update-button").toggleClass("hide", false); } }, 300); // Wait for 300ms after the user stops typing }); diff --git a/web/styles/portico/billing.css b/web/styles/portico/billing.css index 962494f3bb..11449af563 100644 --- a/web/styles/portico/billing.css +++ b/web/styles/portico/billing.css @@ -457,14 +457,10 @@ input[name="licenses"] { font-size: 1.1rem; margin-right: 0; width: 100px; +} - &:disabled { - color: hsl(0deg 0% 80%); - - &:hover { - cursor: not-allowed; - } - } +#billing-page .license-count-update-button.hide { + display: none; } #billing-page #current-license-change-form,