woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-04 08:47:23 +08:00
Code Issues Projects Packages Wiki Activity Actions 11

💄 Fix alignment of horizontal radio-controls

Browse source
This commit is contained in:
Philipp Stracker 2025-01-27 18:52:19 +01:00
parent 9d3080a259
commit dd454d4d12
No known key found for this signature in database
1 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

13
modules/ppcp-settings/resources/css/components/screens/settings/_controls.scss
View file

@ -6,8 +6,19 @@
text-overflow: ellipsis;
}
// Fix layout for checkboxes inside a flex-stack.
// Fix the checkbox layout (add gap between checkbox and label).
.components-checkbox-control > .components-base-control__field > .components-flex {
flex-direction: row;
gap: 12px;
}
// Fix layout for radio groups inside a horizontal flex-stack.
.components-flex.components-h-stack > .components-radio-control {
width: 100%;
.components-radio-control__group-wrapper {
justify-content: flex-start;
flex-direction: row;
gap: 12px;
}
}