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

💄 Fix some Accordion styling

Browse source
This commit is contained in:
Philipp Stracker 2025-01-22 17:54:46 +01:00
parent 979a01f45a
commit bd6a9cc2c1
No known key found for this signature in database
2 changed files with 12 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

13
modules/ppcp-settings/resources/css/components/reusable-components/_accordion-section.scss
View file

@ -2,7 +2,7 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
&__toggler { .ppcp--toggler {
display: block; display: block;
cursor: pointer; cursor: pointer;
@ -10,19 +10,18 @@
border: 0; border: 0;
box-shadow: none; box-shadow: none;
padding: 0; padding: 0;
margin: 24px auto; text-align: var(--accordion-text-align, center);
width: var(--accordion-width, auto);
margin: var(--accordion-toggler-gap, 24px) auto;
} }
&__title-wrapper { .ppcp--title-wrapper {
@include font(14, 32, 450);
color: $color-gray-900;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 16px; gap: 16px;
} }
&__content { .ppcp--content {
margin: 24px 0 0; margin: 24px 0 0;
} }
} }

14
modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss
View file

@ -37,14 +37,12 @@
} }
} }
.ppcp-r-settings-block__accordion { .ppcp-r-accordion {
> .ppcp-r-accordion { --accordion-width: 100%;
width: 100%; --accordion-toggler-gap: 0;
--accordion-text-align: left;
.ppcp-r-accordion__toggler { .ppcp--title-wrapper {
width: 100%; justify-content: space-between;
margin: 0;
text-align: unset;
}
} }
} }