[wp-trac] [WordPress Trac] #38125: Re-enable monospaced font in tinymce's dialog window (codesample plugin)

[WordPress Trac]

#38125: Re-enable monospaced font in tinymce's dialog window (codesample plugin)
--------------------------+-----------------------------
 Reporter:  timhavinga    |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  TinyMCE       |    Version:  4.6.1
 Severity:  normal        |   Keywords:
  Focuses:  ui            |
--------------------------+-----------------------------
 The TinyMCE-editor has a built-in dialog window. In this flexible dialog,
 different UI elements can be shown, as specified by their plugin. One of
 these UI elements is a textarea with a specific class.

 In my case, I use the codesample plugin - a default plugin of TinyMCE,
 though not packaged with WordPress - which enables me to place pieces of
 preformatted code in the visual editor.
 This plugin allows me to edit these code blocks via the built-in dialog,
 with a textarea to enter my code. To show the code in a monospaced font,
 the class .mce-monospace is added to the textarea.
 However, the styling of this class is overridden by line 7-13 in wp-
 includes/css/editor.css, which specifies that the font-family should be
 inherited for all child elements of the modal.

 I believe this should be an easy fix by either excluding the field with
 the class .mce-monospace from the said lines of CSS or by adding a more
 specific CSS rule which re-enables the monospaced font.

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