Elementor Intergration: Modal UI

[Arukuen]

Summary by CodeRabbit

• New Features

  • Improved styling consistency across editor overlays and popovers.
  • Added shared UI classes so modal and popover elements can be styled more uniformly.

• Bug Fixes

  • Adjusted import/export and interaction library modal styling to apply only in the intended modal context.
  • Added explicit line-height for the import/export modal for better text spacing.
  • Updated block toolbar popover styling to support the new shared popover class.

[coderabbitai]

📝 Walkthrough

Walkthrough

Adds a new .interact-modal CSS scope selector to the build-scoping script, and applies the interact-modal class to the import/export modal, interaction library modal, and interact-popover to a toolbar popover. Updates corresponding SCSS selector and styling.

Changes

Interact Modal Scoping

Layer / File(s)	Summary
Add scope selector to build script scripts/build-scoped-wp-components-css.mjs	Adds .interact-modal to the COMPONENT_SCOPES list.
Import/export modal className and styling src/editor/components/import-export-modal/index.js, src/editor/components/import-export-modal/editor.scss	Adds interact-modal class to the Modal component and updates the SCSS selector to require both classes, plus a new line-height: 1.5.
Interaction library and toolbar popover classNames src/editor/interaction-library/index.js, src/editor/plugins/block-toolbar-button/index.js	Adds interact-modal class to the interaction library Modal and interact-popover class to the block toolbar's select Popover.

Estimated code review effort: 1 (Trivial) | ~5 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title is clearly related to the Elementor modal UI fixes in this changeset, even if it is a bit broad.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/elementor-ui-fixes

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

🤖 Pull request artifacts

file	commit
pr31-interactions-31-merge.zip	0948d64