| @@ -303,8 +303,20 @@ | ||
| 303 | 303 | if ( openstation_is_chromeless_request() ) { |
| 304 | 304 | return; |
| 305 | 305 | } |
| 306 | 306 | |
| 307 | + // The items are `display: flex`, never `inline-flex`. An | |
| 308 | + // inline-level box sits on a line box the <li> lays out at its | |
| 309 | + // 32px line-height and aligns on the baseline, so the line grows | |
| 310 | + // by the descender: the item became 37px inside a 32px bar. Under | |
| 311 | + // Core's float layout that overflow was invisible. On a host that | |
| 312 | + // lays the secondary group out as a flex row (WordPress.com's Debug | |
| 313 | + // Bar does, to order its own item first) every sibling stretched | |
| 314 | + // to the tallest one and the group's background painted 5px into | |
| 315 | + // the shell, under the windows' title bars. Block-level, the item | |
| 316 | + // is exactly the bar. `Tests_OpenStation_AdminBarDesktopToggle` | |
| 317 | + // pins it; `desktop.css` caps the group as well, for items we do | |
| 318 | + // not own. | |
| 307 | 319 | $css = ' |
| 308 | 320 | #wpadminbar #wp-admin-bar-os-toggle > .ab-item, |
| 309 | 321 | #wpadminbar #wp-admin-bar-desktop-layout-menu > .ab-item, |
| 310 | 322 | #wpadminbar #wp-admin-bar-desktop-fullscreen > .ab-item, |
| @@ -309,9 +321,9 @@ | ||
| 309 | 321 | #wpadminbar #wp-admin-bar-desktop-layout-menu > .ab-item, |
| 310 | 322 | #wpadminbar #wp-admin-bar-desktop-fullscreen > .ab-item, |
| 311 | 323 | #wpadminbar #wp-admin-bar-desktop-bug-report > .ab-item, |
| 312 | 324 | #wpadminbar #wp-admin-bar-desktop-help > .ab-item { |
| 313 | - display: inline-flex; | |
| 325 | + display: flex; | |
| 314 | 326 | align-items: center; |
| 315 | 327 | gap: 6px; |
| 316 | 328 | } |
| 317 | 329 | #wpadminbar #wp-admin-bar-os-toggle .ab-icon, |
