[wp-trac] [WordPress Trac] #36999: Add Media button and other editor buttons have broken visual styling on mobiles

[WordPress Trac]

#36999: Add Media button and other editor buttons have broken visual styling on
mobiles
--------------------------+-----------------------------
 Reporter:  FolioVision   |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Editor        |    Version:  4.5.2
 Severity:  normal        |   Keywords:
  Focuses:  ui            |
--------------------------+-----------------------------
 Add Media button has a buggy visual appearance on smaller screens below
 782px:
 - button icon is not vertically centered and is touching the left edge of
 the button
 - all the other editor buttons (actually A and DIVs) are taller and their
 text labels are bigger

 All the other plugin buttons above the editor box should share the same
 unified look with the Add Media button. They share the same .button class,
 but for instance ".#wp-content-media-buttons a"
 have a different font-size and fixed height in /wp-admin/css/edit.css. The
 padding is also different. There are more places to look at for fixing the
 issue and we can propose those changes once approved.

 Even after reducing their size to the default Add Media button they will
 be still large enough for mobiles to tap on. Plus if someone has a couple
 of plugins activated, there will be enough space to accommodate all of the
 extra buttons (I've tested out with 5 incl. Add Media - see screenshot
 http://foliovision.com/images/graphics/editor-buttons-misplaced.png).

 On top of that, there should be a unified template to set up these buttons
 including their custom icons. Various buttons are using different markup,
 so there should be probably a general advice on how to style those buttons
 and adding custom plugin icons.

 thanks
 Viktor

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