[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 azaozz):

 26952.7.patch works better. Still not sure about scrolling the whole
 "body" hiding the top part and then auto-scrolling to the top on clicking
 a search result in the bottom part. The old behavior is a better UX imho.
 Clicking on a search result fills the fields at the top, logically they
 should always be visible.

 Also we lost the "close" link and containing the "tabbing" inside the
 modal (will add that back). The "X" is not a "tab stop" either.

 Was also looking at the search field. Currently it triggers AJAX request
 on typing 3 chars and on every character after.

 - 3 characters should be ok for most languages, but not for gliphs. The
 user may want to search on the first or second gliph.
 - Typing a 10 characters search string triggers 8 concurrent AJAX
 connections (8 POST requests, 8 DB connections, etc.). Seems pretty
 wasteful.

 Thinking it would be better to have a Submit button for searching. Don't
 remember if there was one at first, but there is definitely space for it.

 Not so sure about the changed "looks" too. Patched it looks like the left
 side of the above image, was thinking it should be more like the right
 one. We would change the structural CSS, the header, and tweak the colors
 in the modal's "body". Not sure it needs anything else.

 The "header" and "footer" feel very large too, especially when the modal
 is folded. I realize we are trying to follow the media modal styling but
 it covers nearly the whole screen and the footer there has another purpose
 (shows thumbnails). In all the rest of the modals the footer only holds
 the "submit" button.

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