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

Refactor the code

Browse source
This commit is contained in:
Daniel Dudzic 2024-06-07 00:35:55 +02:00
parent 0ba33e9bb8
commit 0a06a913e7
No known key found for this signature in database
GPG key ID: 31B40D33E3465483
4 changed files with 108 additions and 230 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -12,8 +12,11 @@
}
}
.email-submit-button {
#ppcp-axo-billing-email-submit-button {
margin-top: 0;
position: relative;
transition: opacity 0.3s ease;
.loader:before {
display: inline;
height: 12px;
@ -103,30 +106,35 @@
}
}
.ppcp-axo-billing-email-submit-button-hidden {
opacity: 0;
}
.ppcp-axo-billing-email-submit-button-loaded:not([disabled]) {
opacity: 1;
}
#billing_email_field .woocommerce-input-wrapper {
display: flex;
align-items: center;
input {
flex: 1;
margin-right: 10px;
}
}
#billing_email_field .woocommerce-input-wrapper input {
flex: 1;
margin-right: 10px;
@media screen and (max-width: 719px) {
#ppcp-axo-billing-email-submit-button {
width: 100%;
margin-top: 0.5rem;
}
#billing_email_field .woocommerce-input-wrapper {
display: block;
input {
margin-right: 0;
}
}
}
.email-submit-button {
padding: 5px 20px;
background-color: #007cba;
color: white;
border: none;
border-radius: 3px;
cursor: pointer;
flex-shrink: 0;
opacity: 0;
transition: opacity 0.3s ease; /* Add transition for opacity */
}
#billing_email_field .woocommerce-input-wrapper.show-button .email-submit-button {
opacity: 1; /* Show the button */
}