improve my account payment methods UI

Author: itambek-godaddy

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

woocommerce/payment-gateway/assets/css/frontend/sv-wc-payment-gateway-my-payment-methods.min.css

@@ -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;
+	}
+}