woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-06 12:25:15 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

♻️ Add prefix to CSS state-classes

Browse source
This commit is contained in:
Philipp Stracker 2025-01-22 15:08:14 +01:00
parent 193e046a9a
commit 54504b7591
No known key found for this signature in database
15 changed files with 32 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

15
modules/ppcp-settings/resources/js/Components/ReusableComponents/Elements/Title.js
View file

@ -1,17 +1,16 @@
import classNames from 'classnames';
const Title = ( {
children,
altStyle = false,
big = false,
className = '',
} ) => {
const Title = ( { children, noCaps = false, big = false, className = '' } ) => {
if ( ! children ) {
return null;
}
const elementClasses = classNames(
'ppcp-r-settings-block__title',
className,
{
'style-alt': altStyle,
'style-big': big,
'ppcp--no-caps': noCaps,
'ppcp--big': big,
}
);

2
modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/Checkbox.js
View file

@ -19,7 +19,7 @@ const Checkbox = ( {
}
}
const className = classNames( { 'is-disabled': disabled } );
const className = classNames( { 'ppcp--is-disabled': disabled } );
const onChange = ( newState ) => {
let newValue;

2
modules/ppcp-settings/resources/js/Components/ReusableComponents/Fields/SelectableContent.js
View file

@ -21,7 +21,7 @@ const SelectableContent = ( {
}
const boxClassName = classNames( 'ppcp-r-select-box', {
selected: isSelected,
'ppcp--selected': isSelected,
} );
const InputField = ( { isRadio } ) => {

2
modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlock.js
View file

@ -2,7 +2,7 @@ import classNames from 'classnames';
const SettingsBlock = ( { className, children, separatorAndGap = true } ) => {
const blockClassName = classNames( 'ppcp-r-settings-block', className, {
'no-gap': ! separatorAndGap,
'ppcp--no-gap': ! separatorAndGap,
} );
return <div className={ blockClassName }>{ children }</div>;

6
modules/ppcp-settings/resources/js/Components/ReusableComponents/TopNavigation.js
View file

@ -20,10 +20,10 @@ const TopNavigation = ( {
const { isScrolled } = useIsScrolled();
const className = classNames( 'ppcp-r-navigation-container', {
'is-scrolled': isScrolled,
'ppcp--is-scrolled': isScrolled,
} );
const titleClassName = classNames( 'title', {
big: isMainTitle,
const titleClassName = classNames( 'ppcp--title', {
'ppcp--big': isMainTitle,
} );
const handleTitleClick = useCallback( () => {