[wp-trac] [WordPress Trac] #26933: Toolbar "Howdy, " message CSS broke in IE

[WordPress Trac]

#26933: Toolbar "Howdy, " message CSS broke in IE
--------------------------+-----------------------------
 Reporter:  bhwebworks    |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Toolbar       |    Version:  trunk
 Severity:  normal        |   Keywords:
  Focuses:                |
--------------------------+-----------------------------
 I noticed this when helping a client with their website, and they were
 using IE 9. The "Howdy, " message forces their display name down to the
 next line, causing problems if they try to click the "Screen Options" or
 "Help" tabs. Plus it just looks bad. (see attached screenshot)

 I logged in with IE 11 and saw the same issue, and I chased the bug down
 to wp-includes/css/admin-bar.css, line 126.


 {{{
 #wpadminbar .quicklinks a,
 #wpadminbar .quicklinks .ab-empty-item,
 #wpadminbar .shortlink-input {
         height: 32px;
         display: block;
         padding: 0 10px;
         margin: 0;
 }
 }}}

 If you change '''display''' to '''inline-block''' rather than '''block''',
 it fixes the problem.

 Looks like the same code is in admin-bar-rtl.css, and I'm assuming that
 would have the same issue, but I don't know for sure.

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