woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

First attempt to optimize the checkout loading of the Fastlane experience to make it nice and smooth

Browse source
This commit is contained in:
Daniel Dudzic 2024-05-23 01:30:20 +02:00
parent bd7980d62c
commit 8ee4a524bb
No known key found for this signature in database
GPG key ID: 31B40D33E3465483
5 changed files with 106 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

35
modules/ppcp-axo/resources/css/styles.scss
View file

@ -1,6 +1,15 @@
.ppcp-axo-watermark-container {
max-width: 200px;
margin-top: 10px;
position: relative;
&.loader:before {
height: 12px;
width: 12px;
margin-left: -6px;
margin-top: -6px;
left: 12px;
}
}
.ppcp-axo-payment-container {
@ -28,6 +37,7 @@
.ppcp-axo-customer-details {
margin-bottom: 40px;
position: relative;
}
.axo-checkout-header-section {
@ -44,6 +54,31 @@
padding: 0.6em 1em;
}
.ppcp-axo-watermark-loading {
min-height: 12px;
}
.ppcp-axo-overlay,
.ppcp-axo-watermark-loading:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
content: '';
}
.ppcp-axo-loading .col-1 {
position: relative;
opacity: 0.9;
transition: opacity 0.5s ease;
}
#payment .payment_methods li label[for="payment_method_ppcp-axo-gateway"] {
img {
float: none;