Fix (Color Schemes and Spacing): wrap new styles with classnames for color schemes and spacing

[kaeizen]

No description provided.

[github-actions]

🤖 Pull request artifacts

file	commit
pr3476-stackable-3476-merge.zip	5d9d2bb

[github-actions]

Try this Pull Request in the WordPress playground: https://playground.wordpress.net/?mode=seamless#{"landingPage":"/wp-admin/post-new.php?post_type=page","preferredVersions":{"php":"latest","wp":"latest"},"steps":[{"step":"login","username":"admin","password":"password"},{"step":"installPlugin","pluginZipFile":{"resource":"url","url":"https://raw.githubusercontent.com/gambitph/Stackable/artifacts/pr3476-stackable-3476-merge.zip"}}]}

[Copilot]

Pull Request Overview

This PR wraps new style changes with appropriate classnames to improve color schemes and spacing behavior throughout the editor. Key changes include:

• Adding a utility function (onClassChange) to monitor class changes.
• Updating loader function calls in spacing-and-borders and buttons-and-icons to include an additional parameter.
• Enhancing the color schemes editor loader to toggle a specific class on the editor element based on style changes.

Reviewed Changes

Copilot reviewed 11 out of 26 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
src/plugins/global-settings/utils/block-layout-utils.js	Introduces onClassChange to observe class attribute mutations.
src/plugins/global-settings/spacing-and-borders/index.js	Updates the call to useBlockLayoutEditorLoader with a second parameter.
src/plugins/global-settings/color-schemes/utils.js	Comments out the previous implementation regarding inherited values with added developer notes.
src/plugins/global-settings/color-schemes/editor-loader.js	Imports onClassChange and implements logic to add/remove a class on the editor element.
src/plugins/global-settings/buttons-and-icons/index.js	Updates the call to useBlockLayoutEditorLoader with a second parameter.

Files not reviewed (15)

• src/block/columns/editor.scss: Language not supported
• src/block/columns/style.scss: Language not supported
• src/block/countdown/style.scss: Language not supported
• src/block/divider/style.scss: Language not supported
• src/block/icon-list-item/style.scss: Language not supported
• src/block/icon-list/editor.scss: Language not supported
• src/block/icon-list/style.scss: Language not supported
• src/block/number-box/style.scss: Language not supported
• src/block/progress-bar/style.scss: Language not supported
• src/block/progress-circle/style.scss: Language not supported
• src/block/table-of-contents/style.scss: Language not supported
• src/block/timeline/style.scss: Language not supported
• src/plugins/global-settings/buttons-and-icons/index.php: Language not supported
• src/plugins/global-settings/color-schemes/index.php: Language not supported
• src/plugins/global-settings/spacing-and-borders/index.php: Language not supported