[wp-trac] [WordPress Trac] #62560: Improve Icon Size of Range Selector in Dimension Panel

[WordPress Trac]

#62560: Improve Icon Size of Range Selector in Dimension Panel
--------------------------+-----------------------------
 Reporter:  soyebsalar    |      Owner:  soyebsalar
     Type:  defect (bug)  |     Status:  assigned
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Editor        |    Version:  trunk
 Severity:  normal        |   Keywords:  has-patch
  Focuses:  ui            |
--------------------------+-----------------------------
 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.

 **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.

 please see the screenshot : https://prnt.sc/9tPHS8COcJEC

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/62560>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform