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

Improve styling for the pay later configurator

Browse source
This commit is contained in:
Narek Zakarian 2025-02-18 18:23:57 +04:00
parent 845298560b
commit 681b882ee9
No known key found for this signature in database
GPG key ID: 07AFD7E7A9C164A7
1 changed files with 33 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

37
modules/ppcp-settings/resources/css/components/screens/settings/_tab-paylater-configurator.scss
View file

@ -13,7 +13,7 @@
#configurator-eligibleContainer.css-4nclxm.e1vy3g880 { #configurator-eligibleContainer.css-4nclxm.e1vy3g880 {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
padding: 48px 0px 48px 48px; padding: 16px 0px 16px 16px;
#configurator-controlPanelContainer.css-5urmrq.e1vy3g880 { #configurator-controlPanelContainer.css-5urmrq.e1vy3g880 {
width: 374px; width: 374px;
@ -25,6 +25,7 @@
.css-7xkxom, .css-8tvj6u { .css-7xkxom, .css-8tvj6u {
height: auto; height: auto;
width: 1.2rem;
} }
.css-10nkerk.ej6n7t60 { .css-10nkerk.ej6n7t60 {
@ -37,12 +38,13 @@
} }
.css-1vc34jy-handler { .css-1vc34jy-handler {
height: 1.6rem; height: 1.7em;
width: 1.6rem; width: 1.5rem;
} }
.css-8vwtr6-state { .css-8vwtr6-state {
height: 1.6rem; height: 1.4rem;
width: 3rem;
} }
} }
} }
@ -68,6 +70,7 @@
.css-rok10q, .css-dfgbdq-text_body_strong { .css-rok10q, .css-dfgbdq-text_body_strong {
margin-top: 0; margin-top: 0;
margin-bottom: 0;
} }
&__publish-button { &__publish-button {
@ -110,4 +113,30 @@
width: 100%; width: 100%;
} }
} }
.css-n4cwz8 {
margin-top: 20px;
}
.css-1ce6bcu-container {
width: 3rem;
height: 1.8rem;
}
#configurator-previewSectionSubHeaderText {
margin-right: 10px;
}
.css-zcyvrz.ej6n7t60 {
margin-bottom: 5px;
.css-3xbhoy-svg-size_md-icon {
width: 1.5rem;
height: 1.5rem;
}
.css-7i5kpm-icon-button_base-size_xl-size_sm-secondary {
padding: 0.5rem;
}
}
} }