woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-01 07:02:48 +08:00
Code Issues Projects Packages Wiki Activity Actions

💄 Adjust CSS to make the overlay look nice

Browse source
This commit is contained in:
Philipp Stracker 2025-02-06 19:11:47 +01:00
parent e79a6be2c7
commit 5851724422
No known key found for this signature in database
1 changed files with 15 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

22
modules/ppcp-settings/resources/css/components/reusable-components/_spinner-overlay.scss
View file

@ -1,12 +1,10 @@
.ppcp-r-spinner-overlay {
width: var(--spinner-overlay-width);
height: var(--spinner-overlay-height);
box-shadow: var(--spinner-overlay-box-shadow);
background: var(--spinner-overlay-color);
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 10;
.components-spinner {
@ -26,4 +24,14 @@
text-align: center;
top: calc(50% + 20px + var(--spinner-size));
}
&.ppcp--is-modal {
position: fixed;
width: var(--spinner-overlay-width);
height: var(--spinner-overlay-height);
box-shadow: var(--spinner-overlay-box-shadow);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}