WordPress.org

Make WordPress Core

Opened 5 years ago

Closed 5 years ago

#30038 closed defect (bug) (fixed)

Update the default styles in TinyMCE

Reported by: azaozz Owned by: azaozz
Milestone: 4.1 Priority: normal
Severity: normal Version:
Component: TinyMCE Keywords: has-patch
Focuses: ui, template Cc:

Description

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.

Attachments (3)

30038.patch (1.2 KB) - added by azaozz 5 years ago.
after.png (35.2 KB) - added by azaozz 5 years ago.
before.png (24.0 KB) - added by azaozz 5 years ago.

Download all attachments as: .zip

Change History (9)

@azaozz
5 years ago

#1 @azaozz
5 years ago

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.
Last edited 5 years ago by azaozz (previous) (diff)

#2 @DrewAPicture
5 years ago

  • Focuses ui template added
  • Keywords has-patch added

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

#3 @azaozz
5 years ago

Sure :)

@azaozz
5 years ago

@azaozz
5 years ago

#4 @azaozz
5 years ago

  • Owner set to azaozz
  • Resolution set to fixed
  • Status changed from new to closed

In 29986:

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

#5 @azaozz
5 years ago

  • Resolution fixed deleted
  • Status changed from closed to reopened

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.

#6 @azaozz
5 years ago

  • Resolution set to fixed
  • Status changed from reopened to closed

In 30490:

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

Note: See TracTickets for help on using tickets.