Adjust modal z-index's overlay to be able to see messages (#2286)

asumaran · web-flow · commit d516b4db746f · 2022-01-18T14:33:21.000-05:00
* Adjust modal's overlay to be able to see snackbar's messages

* Add changelog entries
diff --git a/changelog.txt b/changelog.txt
@@ -8,6 +8,7 @@
 * Add - Add filter call when updating an existent intent (wc_stripe_update_existing_intent_request).
 * Add - Add ability to test Stripe account keys' validity.
 * Fix - Fixed full bank statement field description.
+* Fix - Notification messages are placed on top of the account keys modal.
 
 = 6.0.0 - 2022-01-05 =
 * Fix - Fixed capitalization for payment method names: iDEAL, giropay, and Sofort.
diff --git a/client/settings/payment-settings/style.scss b/client/settings/payment-settings/style.scss
@@ -44,3 +44,9 @@
 		}
 	}
 }
+
+.components-modal__screen-overlay {
+	// This value should be lower than .woocommerce-transient-notices's z-index
+	// to be able to see snackbar's messages
+	z-index: 99998;
+}
diff --git a/readme.txt b/readme.txt
@@ -136,5 +136,6 @@ If you get stuck, you can ask for help in the Plugin Forum.
 * Add - Add filter call when updating an existent intent (wc_stripe_update_existing_intent_request).
 * Add - Add ability to test Stripe account keys' validity.
 * Fix - Fixed full bank statement field description.
+* Fix - Notification messages are placed on top of the account keys modal.
 
 [See changelog for all versions](https://raw.githubusercontent.com/woocommerce/woocommerce-gateway-stripe/trunk/changelog.txt).

Original file line number	Diff line number	Diff line change
`@@ -44,3 +44,9 @@`
`44`	`44`	`}`
`45`	`45`	`}`
`46`	`46`	`}`
	`47`	`+`
	`48`	`+.components-modal__screen-overlay {`
	`49`	`+ // This value should be lower than .woocommerce-transient-notices's z-index`
	`50`	`+ // to be able to see snackbar's messages`
	`51`	`+ z-index: 99998;`
	`52`	`+}`