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

Settings UI: Tighten up the payment methods footer and modal styling

Browse source
This commit is contained in:
Daniel Dudzic 2025-02-24 12:37:21 +01:00
parent 6a4c99325c
commit 0aa3be0ab1
No known key found for this signature in database
GPG key ID: 31B40D33E3465483
3 changed files with 16 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

5
modules/ppcp-settings/resources/css/components/reusable-components/_payment-method-item.scss
View file

@ -63,6 +63,10 @@
&:hover {
transform: rotate(45deg);
}
&.components-button {
height: auto;
}
}
.ppcp--method-icon {
@ -79,6 +83,7 @@
justify-content: space-between;
align-items: center;
margin-top: auto;
min-height: 24px;
}
}
}

11
modules/ppcp-settings/resources/css/components/reusable-components/_payment-method-modal.scss
View file

@ -73,7 +73,6 @@
gap: 8px;
&--save {
margin-top: -4px;
align-items: flex-end;
}
@ -87,7 +86,7 @@
&__field-rows {
display: flex;
flex-direction: column;
gap: 24px;
gap: 18px;
&--acdc {
gap: 18px;
@ -98,19 +97,11 @@
}
.components-radio-control {
.components-flex {
gap: 18px;
}
label {
@include font(14, 20, 400);
color: $color-black;
}
&__option {
gap: 18px;
}
&__input {
border-color: $color-gray-700;
margin-right: 0;