improve my account payment methods UI

godaddy-wordpress · Jun 3, 2024 · c208e4b · c208e4b
1 parent 2f79146
commit c208e4b
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 5 deletions.
diff --git a/woocommerce/changelog.txt b/woocommerce/changelog.txt
@@ -2,6 +2,8 @@
 
 2024.06.03 - version 5.12.4
  * Fix - Ensure gateway scripts are compiled as regular JS rather than modules
+ * Fix - Address an issue where multiple save buttons were displayed when editing a payment method in My Account
+ * Misc - Disable clicking on other payment methods when editing a payment method in My Account
 
 2024.05.06 - version 5.12.3
  * Fix - Ensure gateway block handler files are loaded from payment gateway framework path

diff --git a/...erce/payment-gateway/assets/css/frontend/sv-wc-payment-gateway-my-payment-methods.min.css b/...erce/payment-gateway/assets/css/frontend/sv-wc-payment-gateway-my-payment-methods.min.css
diff --git a/.../payment-gateway/assets/css/frontend/sv-wc-payment-gateway-my-payment-methods.min.css.map b/.../payment-gateway/assets/css/frontend/sv-wc-payment-gateway-my-payment-methods.min.css.map
diff --git a/...ommerce/payment-gateway/assets/css/frontend/sv-wc-payment-gateway-my-payment-methods.scss b/...ommerce/payment-gateway/assets/css/frontend/sv-wc-payment-gateway-my-payment-methods.scss
@@ -91,9 +91,11 @@ table.woocommerce-MyAccount-paymentMethods {
 
 		.payment-method:not(.editing) {
 			opacity: 0.5;
+			pointer-events: none;
+			cursor: not-allowed;
 		}
 
-		.payment-method:hover {
+		.payment-method:not(.editing):hover {
 			opacity: 1;
 		}
 
@@ -144,3 +146,11 @@ table.woocommerce-MyAccount-paymentMethods {
 		}
 	}
 }
+
+
+// disable clicks on the "Add Payment Method" button when it's disabled
+.woocommerce-MyAccount-content {
+	.button.disabled[href*="add-payment-method"] {
+		pointer-events: none;
+	}
+}