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: Add a continue button next to the email input

Browse source
This commit is contained in:
Daniel Dudzic 2024-06-06 01:16:52 +02:00
parent aa09869236
commit 38fc9906b7
No known key found for this signature in database
GPG key ID: 31B40D33E3465483
5 changed files with 99 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -89,3 +89,31 @@
max-height: 25px;
}
}
#billing_email_field .woocommerce-input-wrapper {
display: flex;
align-items: center;
}
#billing_email_field .woocommerce-input-wrapper input {
flex: 1;
margin-right: 10px;
}
.email-submit-button {
padding: 5px 10px;
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 */
}