mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-08-31 06:52:50 +08:00
✨ Add generic option to suppress separator lines
This commit is contained in:
parent
25887024a6
commit
406e8ebc98
2 changed files with 5 additions and 3 deletions
|
@ -88,7 +88,7 @@
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
+ .ppcp-r-settings-block {
|
+ .ppcp-r-settings-block:not(.no-gap) {
|
||||||
margin-top: 32px;
|
margin-top: 32px;
|
||||||
padding-top: 32px;
|
padding-top: 32px;
|
||||||
border-top: 1px solid var(--color-gray-200);
|
border-top: 1px solid var(--color-gray-200);
|
||||||
|
|
|
@ -1,7 +1,9 @@
|
||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
|
|
||||||
const SettingsBlock = ( { className, children } ) => {
|
const SettingsBlock = ( { className, children, separatorAndGap = true } ) => {
|
||||||
const blockClassName = classNames( 'ppcp-r-settings-block', className );
|
const blockClassName = classNames( 'ppcp-r-settings-block', className, {
|
||||||
|
'no-gap': ! separatorAndGap,
|
||||||
|
} );
|
||||||
|
|
||||||
return <div className={ blockClassName }>{ children }</div>;
|
return <div className={ blockClassName }>{ children }</div>;
|
||||||
};
|
};
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue