woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-08-31 06:52:50 +08:00
Code Issues Projects Packages Wiki Activity Actions

💄 FIx the loading-spinner position and layout

Browse source
This commit is contained in:
Philipp Stracker 2025-01-27 18:04:47 +01:00
parent 60f54d56ea
commit 9d3080a259
No known key found for this signature in database
3 changed files with 26 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,11 +1,13 @@
.ppcp-r-spinner-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 10;
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%);
z-index: 10;
.components-spinner {
position: absolute;
@ -13,5 +15,15 @@
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
width: var(--spinner-size);
height: var(--spinner-size);
}
.ppcp--spinner-message {
position: absolute;
left: 0;
width: 100%;
text-align: center;
top: calc(50% + 20px + var(--spinner-size));
}
}