Update the default styles in TinyMCE

[azaozz]

Many themes make good use of editor-style.css, but there are quite a few that still relay on the default styling of the Visual editor.

It's been some time since we've updated that, and the difference is quite large when switching from a theme that styles the editor to a theme that doesn't.

[azaozz]

In 30038.patch:

• Make all fonts a bit larger (better matches the rest of the admin UI).
• Add max-width: 100%; to the body to avoid horizontal scrollbar in some cases.
• Make the font inside tables the same as other text.

[DrewAPicture]

Any chance you could post before and after screenshots to give the peanut gallery a visual?

[azaozz]

Sure :)

[azaozz]

In 29986:

TinyMCE: update the default styles: make the font size larger and make it the same size in tables. Fixes #30038

[azaozz]

This has some back-compat issues. Can make the editor font very large when the user has increased the default font size in the browser settings and additionally zooms-in the screen. Also some themes set the font on the html element to a large value in editor-style.css which is then overridden by the default style.

Both of these are fixed by changing the default font size from 100% to 16px.

[azaozz]

In 30490:

TinyMCE: change the default font size from 100% to 16px to fix some back-compat issues, fixes #30038.