close
Skip to content

Block Editor: Use --wpds-cursor-control design token#77354

Merged
mirka merged 3 commits intoWordPress:trunkfrom
hbhalodia:fix/issue-76221-block-editor
Apr 15, 2026
Merged

Block Editor: Use --wpds-cursor-control design token#77354
mirka merged 3 commits intoWordPress:trunkfrom
hbhalodia:fix/issue-76221-block-editor

Conversation

@hbhalodia
Copy link
Copy Markdown
Contributor

What?

Part of: #76221

Why?

  • Update the instances of cursor: pointer to use the desgin token for better maintainence.

How?

  • Removed cursor: pointer and used cursor: var(--wpds-cursor-control);

Testing Instructions

  1. Open any post/page.
  2. Check for inserter patterns, or click on + icon and hover over blocks to use and check inspect.
  3. You will see cursor: pointer is replaced with cursor: var(--wpds-cursor-control);

Testing Instructions for Keyboard

  • None

Use of AI Tools

  • None

@hbhalodia hbhalodia requested review from Copilot and mirka April 15, 2026 04:54
@hbhalodia hbhalodia self-assigned this Apr 15, 2026
@hbhalodia hbhalodia requested a review from ellatrix as a code owner April 15, 2026 04:54
@hbhalodia hbhalodia added [Type] Code Quality Issues or PRs that relate to code quality [Package] Block editor /packages/block-editor labels Apr 15, 2026
@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 15, 2026

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: hbhalodia <hbhalodia@git.wordpress.org>
Co-authored-by: mirka <0mirka00@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates @wordpress/block-editor component styles to use the WP Design System cursor token (--wpds-cursor-control) instead of hard-coded cursor: pointer, aligning Block Editor UI with the repo-wide design token migration described in #76221.

Changes:

  • Replaced cursor: pointer with cursor: var(--wpds-cursor-control) across multiple Block Editor component SCSS files.
  • Standardized cursor styling for interactive (non-link) controls in inserter, patterns, list view, global styles, and related UI surfaces.

Reviewed changes

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

Show a summary per file
File Description
packages/block-editor/src/components/url-input/style.scss Updates URL suggestion item cursor to use --wpds-cursor-control.
packages/block-editor/src/components/media-placeholder/content.scss Updates appender hover cursor to use the design token.
packages/block-editor/src/components/list-view/style.scss Updates list view expander cursor to use the design token.
packages/block-editor/src/components/inserter/style.scss Updates inserter toggle and media list item cursors to use the design token.
packages/block-editor/src/components/inserter-list-item/style.scss Updates inserter list item button cursor to use the design token.
packages/block-editor/src/components/global-styles/style.scss Updates global styles shadow indicator cursor to use the design token.
packages/block-editor/src/components/block-switcher/style.scss Updates block switcher preview container/title cursor to use the design token.
packages/block-editor/src/components/block-patterns-list/style.scss Updates pattern list item cursor to use the design token.
packages/block-editor/src/components/block-pattern-setup/style.scss Updates setup preview/button/title cursors to use the design token.
packages/block-editor/src/components/background-image-control/style.scss Updates background panel dropdown toggle cursor to use the design token.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copy link
Copy Markdown
Member

@mirka mirka left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🚀

@mirka mirka enabled auto-merge (squash) April 15, 2026 12:51
@mirka mirka merged commit e29980f into WordPress:trunk Apr 15, 2026
39 checks passed
@github-actions github-actions bot added this to the Gutenberg 23.1 milestone Apr 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Package] Block editor /packages/block-editor [Type] Code Quality Issues or PRs that relate to code quality

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants