[wp-trac] [WordPress Trac] #60707: Dropdown menus in Admin bar need more padding in WordPress 6.5 RC1

[WordPress Trac]

#60707: Dropdown menus in Admin bar need more padding in WordPress 6.5 RC1
--------------------------+------------------------------------------------
 Reporter:                |       Owner:  (none)
  bgnicolepaschen         |
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  6.5
Component:  Toolbar       |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:  has-patch     |     Focuses:  ui, accessibility, administration
--------------------------+------------------------------------------------
Changes (by sabernhardt):

 * keywords:   => has-patch
 * version:   => trunk
 * component:  General => Toolbar
 * milestone:  Awaiting Review => 6.5


Old description:

> === Description
> When using a non-block theme, the dropdown menus that appear in the admin
> bar on the front end of the site need more padding. When hovering on +New
> and the Site Title these dropdown menus appear.
>
> === Environment
> - WordPress: 6.5-RC1-57778
> - PHP: 7.4.33
> - Server: Apache
> - Database: mysqli (Server: 10.11.7-MariaDB-log / Client: mysqlnd 7.4.33)
> - Browser: Chrome 122.0.0.0 (Windows 10/11)
> - Theme: Twenty Twenty 2.5
> - MU-Plugins:
>   * BoldGrid Demo 1.5.3
>   * BoldGrid Demo Housekeeping 1.0.0
>   * BoldGrid LogRocket 1.0.3
> - Plugins:
>   * WordPress Beta Tester 3.5.5
>
> === Steps to Reproduce
> 1. Use Twenty Twenty theme
> 2. Navigate to the front end of the site.
> 3. Hover on the Site Title or + New
> 4. The links that appear do not have enough padding between them.
> x. 🐞 Bug occurs.
>
> === Expected Results
> 1.  ✅ What should happen.
> I should see the standard amount of padding that stable has.
>
> === Actual Results
> 1.  ❌ What actually happened.
> The links are very close together

New description:

 When using a non-block theme, the dropdown menus that appear in the admin
 bar on the front end of the site need more padding. When hovering on +New
 and the Site Title these dropdown menus appear.

 === Environment
 - WordPress: 6.5-RC1-57778
 - PHP: 7.4.33
 - Server: Apache
 - Database: mysqli (Server: 10.11.7-MariaDB-log / Client: mysqlnd 7.4.33)
 - Browser: Chrome 122.0.0.0 (Windows 10/11)
 - Theme: Twenty Twenty 2.5
 - MU-Plugins:
   * BoldGrid Demo 1.5.3
   * BoldGrid Demo Housekeeping 1.0.0
   * BoldGrid LogRocket 1.0.3
 - Plugins:
   * WordPress Beta Tester 3.5.5

 === Steps to Reproduce
 1. Use Twenty Twenty theme
 2. Navigate to the front end of the site.
 3. Hover on the Site Title or + New
 4. The links that appear do not have enough padding between them.
 x. 🐞 Bug occurs.

 === Expected Results
 1.  I should see the standard amount of padding that stable has.

 === Actual Results
 1.  ❌ The links are very close together

--

Comment:

 Thanks for the report!

 It's not padding; it's the height. [57765] changed the height to the rem
 equivalent, which does not work on the front end with themes that reset
 the rem unit.

 Twenty Fifteen and Twenty Twenty use `html { font-size: 62.5%; }`, and
 many of the themes in a
 [https://wpdirectory.net/search/01HRA8ZKNX13698T37WP3684AB directory
 search for a 62.5% font-size] do the same. Twenty Nineteen is the
 opposite, with a //larger// base size of
 `html { font-size: 22px; }`.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/60707#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform