[wp-trac] [WordPress Trac] #26952: Style TinyMCE modals to match WordPress admin styling

[WordPress Trac]

#26952: Style TinyMCE modals to match WordPress admin styling
--------------------------+--------------------
 Reporter:  melchoyce     |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  3.9
Component:  TinyMCE       |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:                |     Focuses:  ui
--------------------------+--------------------

Comment (by avryl):

 First attempt:

 - Removes text-shadow from dashicons.
 - Removes weird border radius from Quicklinks toolbar.
 - Fixes arrow border and replaces arrow with dashicon.
 - Inherit colours and font (i.e. Open Sans).
 - Makes tooltip shadows lighter and font a bit bigger (11px ->12px).
 - Also adds some margin between the tooltip and buttons.
 - Restyles Charmap and Help modals.
 - Added `cursor: pointer;` to Charmap table cells.
 - Removed the close button from the Help modal, because the button will be
 too big when enqueuing button styles (iframe is small and triggers
 responsive styles) and I think it's cleaner like this anyway.
 - Restyles the format button (but I'm not sure if it's good enough). I
 think it'd be good if buttons with an arrow all have the same style
 though.
 - Flips the arrow when the menu is open.
 - Restyles the format and colour menus.

 TODO

 - I'd be easier if the Help modal wasn't an iframe. Maybe remove it? Not
 sure if it's possible.
 - Style TinyMCE buttons (e.g. in the plain text modal). It's probably
 easiest to add `button[type="button"]`to buttons.css, though TinyMCE wraps
 it in a div and styles that. Not sure which solution is best and doesn't
 add too much CSS.
 - Test custom plugins.
 - Test on the front-end (wp_editor).

--
Ticket URL: <https://core.trac.wordpress.org/ticket/26952#comment:24>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform