🎨 Add uniform CSS classes to every block

This commit is contained in:
Philipp Stracker 2025-01-22 16:49:42 +01:00
parent 8bd29e921f
commit c6be73a536
No known key found for this signature in database
3 changed files with 3 additions and 1 deletions

View file

@ -10,6 +10,7 @@ const InvoicePrefix = () => {
<SettingsBlock <SettingsBlock
title="Invoice Prefix" title="Invoice Prefix"
titleSuffix={ __( '(Recommended)', 'woocommerce-paypal-payments' ) } titleSuffix={ __( '(Recommended)', 'woocommerce-paypal-payments' ) }
className="ppcp--invoice-prefix"
> >
<ControlTextInput <ControlTextInput
placeholder={ __( placeholder={ __(

View file

@ -19,6 +19,7 @@ const OrderIntent = () => {
'Choose between immediate capture or authorization-only, with manual capture in the Order section.', 'Choose between immediate capture or authorization-only, with manual capture in the Order section.',
'woocommerce-paypal-payments' 'woocommerce-paypal-payments'
) } ) }
className="ppcp--order-intent"
> >
<ControlToggleButton <ControlToggleButton
label={ __( 'Authorize Only', 'woocommerce-paypal-payments' ) } label={ __( 'Authorize Only', 'woocommerce-paypal-payments' ) }

View file

@ -9,7 +9,7 @@ const PayNowExperience = () => {
SettingsHooks.useSettings(); SettingsHooks.useSettings();
return ( return (
<SettingsBlock> <SettingsBlock className="ppcp--pay-now-experience">
<ControlToggleButton <ControlToggleButton
label={ __( label={ __(
'Pay Now Experience', 'Pay Now Experience',