[wp-trac] [WordPress Trac] #63438: Admin: Standardize accordions UI on Menus screen and in Customizer

[WordPress Trac]

#63438: Admin: Standardize accordions UI on Menus screen and in Customizer
--------------------------+-----------------------------
 Reporter:  abcd95        |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Customize     |    Version:  trunk
 Severity:  minor         |   Keywords:
  Focuses:  ui            |
--------------------------+-----------------------------
 There are padding inconsistencies within the "Add menu items" accordion
 sections on both the main Appearance > Menus screen and the Menus panel
 within the Customizer. This affects the lists of available items (like
 Pages, Posts) and the content of the "Custom Links" section.

 Issues:

 Available Item Lists (Pages, Posts, etc.):
 - The `.available-menu-items-list` (inside #available-menu-items
 .accordion-section-content) has a padding-top of 1px, while its left,
 right, and bottom paddings are 15px.
 - Effect: The first item in these lists appears too close to the top
 border of the accordion content area.
 - Context: This 1px top padding is a legacy value. For instance, in
 customize-nav-menus.css, changeset [51727] refactored CSS shorthand for a
 similar rule (padding: 1px 15px 15px 15px; to padding: 1px 15px 15px;),
 carrying over the 1px top padding. This suggests the 1px wasn't an active
 design decision during that refactor but an existing value that was
 preserved.


 Custom Links Section:
 - The `.accordion-section-content` for `#new-custom-menu-item` has `0px`
 top padding.
 - Effect: The "URL" input field and its label are flush against the top
 border of the accordion content area, creating a cramped appearance.

 These inconsistencies lead to an unbalanced and slightly unpolished UI in
 these core features.

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