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

💄 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-right: auto;
&__toggler {
.ppcp--toggler {
display: block;
cursor: pointer;
@ -10,19 +10,18 @@
border: 0;
box-shadow: none;
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 {
@include font(14, 32, 450);
color: $color-gray-900;
.ppcp--title-wrapper {
display: flex;
align-items: center;
gap: 16px;
}
&__content {
.ppcp--content {
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 {
width: 100%;
.ppcp-r-accordion {
--accordion-width: 100%;
--accordion-toggler-gap: 0;
--accordion-text-align: left;
.ppcp-r-accordion__toggler {
width: 100%;
margin: 0;
text-align: unset;
}
.ppcp--title-wrapper {
justify-content: space-between;
}
}