[wp-trac] [WordPress Trac] #26299: admin bar submenu misaligned on mobile devices if the parent is not a link

[WordPress Trac]

#26299: admin bar submenu misaligned on mobile devices if the parent is not a link
--------------------------+--------------------
 Reporter:  Chouby        |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  3.8
Component:  Toolbar       |     Version:  trunk
 Severity:  minor         |  Resolution:
 Keywords:  ui-focus      |
--------------------------+--------------------

Comment (by Chouby):

 Here is a proposal for a more complete fix to correct (horizontal)
 misalignement of the parent icon too:
 {{{
 @media screen and ( max-width: 782px ) {
         #wpadminbar .ab-icon {
                 text-align: center;
         }

         #wpadminbar .quicklinks .ab-empty-item
         {
                 height: 46px;
                 padding: 0;
         }
 }
 }}}

 I also noticed that the H of 'Howdy, user' is visible in the right corner.
 Here I have no pure CSS proposal without adding an html tag to wrap it.
 in wp-includes/admin-bar.php:
 {{{
         $howdy  = sprintf( __('<span>Howdy, %1$s</span>'),
 $current_user->display_name );
 }}}
 and the css rule
 {{{
 @media screen and ( max-width: 782px ) {
         #wpadminbar #wp-admin-bar-my-account > a span {
                 display: none;
         }
 }
 }}}

--
Ticket URL: <http://core.trac.wordpress.org/ticket/26299#comment:2>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software