Improve Icon Size of Range Selector in Dimension Panel

[soyeb-salar]

What problem does this address?

In the WordPress block editor, the range selector icons in the "Dimensions" panel (e.g., for Margin and Padding) are currently 24px in size. This size causes the icons to appear unclear or pixelated, as shown in the attached screenshot. Increasing the size of these icons to 32px will improve visibility and maintain consistency with WordPress design guidelines. Steps to Reproduce:

Open the WordPress block editor.
Add any block (e.g., YouTube Embed or Paragraph block).
Navigate to the Block Settings in the right-hand sidebar.
Locate the Dimensions panel under the settings (e.g., for Margin or Padding).
Observe the range selector icons, which are unclear due to their small size (24px).

Expected Behavior:

The icons in the range selector should be visually clear and easily identifiable. Increasing the icon size to 32px will enhance clarity and user experience. Actual Behavior:

The icons appear small and unclear at 24px, reducing usability.

What is your proposed solution?

Update the wordpress-develop\src\wp-includes\js\dist\block-editor.js for the range selector component to increase the icon size to 32px.

[SainathPoojary]

Related Trac ticket: https://core.trac.wordpress.org/ticket/62560

[karmatosed]

Thank you for surfacing this, let's see about moving it also to this repo fully because that ticket looks like it belongs here not on trac. I am happy to be wrong, but it doesn't seem quite the best idea to have in multiple places.

What I did:

• Removed the comments from your arummary @soyeb-salar as it ended up not showing any content to this ticket.
• Closed the ticket in trac in favor of this one.