[wp-meta] [Making WordPress.org] #7998: Mobile Header UI Bug: WordPress.org toolbar icons misaligned/missing on Trac

[Making WordPress.org]

#7998: Mobile Header UI Bug: WordPress.org toolbar icons misaligned/missing on
Trac
-------------------------+-------------------------------------------------
 Reporter:  dvpatel      |      Owner:  (none)
     Type:  defect       |     Status:  new
  (bug)                  |
 Priority:  high         |  Milestone:
Component:  Trac         |   Keywords:  needs-patch needs-design has-
                         |  screenshots
-------------------------+-------------------------------------------------
 On the WordPress Trac site (core.trac.wordpress.org), the top black
 toolbar (admin bar) shows misaligned or broken icons (WordPress logo,
 search, and menu) on mobile view.

 === Steps to reproduce
 1. Open Trac site on a mobile device
 (https://meta.trac.wordpress.org/report)
 (https://core.trac.wordpress.org/report)
 2. Observe the top header (black bar)
 3. Icons do not appear properly styled or spaced

 === Expected Result
 * The header should look consistent with other WordPress.org pages
 * Icons should be styled properly and aligned

 === Solution
 * add this CSS

 {{{
 .wp-block-group.global-header .wp-block-image {
     flex-basis: 100%;
 }
 }}}


 === Screenshots
 1. https://prnt.sc/QXv1za1znB8u (https://meta.trac.wordpress.org/report)
 -- Not Proper Header
 2. https://prnt.sc/6suRrNqg4cLu (https://wordpress.org/plugins/) -- Proper
 Header

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/7998>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org