mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-09-05 08:59:14 +08:00
Optimize onboarding for mobile
This commit is contained in:
parent
bf354a1413
commit
e5a75bd2e3
1 changed files with 31 additions and 0 deletions
|
@ -133,3 +133,34 @@ ul.ppcp-onboarding-options-sublist {
|
|||
.woocommerce-help-tip.ppcp-table-row-tooltip {
|
||||
margin-left: -20px !important;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.ppcp-onboarding-header, .ppcp-onboarding-cards-options {
|
||||
width: unset;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ppcp-onboarding-header-right {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.ppcp-onboarding-cards-screen {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ppcp-onboarding-header-left img {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.ppcp-onboarding-header-cards img, .ppcp-onboarding-header-paypal-logos img {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.ppcp-onboarding-header-cards img {
|
||||
height: 27px;
|
||||
}
|
||||
|
||||
.ppcp-onboarding-header-paypal-logos img {
|
||||
height: 23px;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue