WordPress.org

Make WordPress Core

Opened 7 years ago

Closed 7 years ago

#27667 closed defect (bug) (worksforme)

CSS problem in editor screen

Reported by: Milmor Owned by:
Milestone: Priority: normal
Severity: normal Version: 3.0
Component: Editor Keywords:
Focuses: Cc:

Description

Hello,
today i upgraded my WordPress from v. 3.9 beta1 to beta3 and i noticed that in the editor screen if i add some text the preview isn't using the 100% of the available width.

The file editor-style.css looks like to cause this problem:

html .mceContentBody {
	font-size: 100%;
	max-width: 474px;
}

I've attached a screen.
Regards

Attachments (1)

Cattura di schermata (183).png (68.4 KB) - added by Milmor 7 years ago.
preview of css bug

Download all attachments as: .zip

Change History (4)

@Milmor
7 years ago

preview of css bug

#1 @jesin
7 years ago

  • Component changed from Appearance to Themes

Hi Milmor,

You have found the right piece of code causing this problem but this code exists in the TwentyFourteen theme and not the WordPress core.

Check out this file - twentyfourteen/css/editor-style.css

Try out a different theme.

I am able to reproduce this problem even on WordPress 3.8.1 with TwentyFourteen.

#2 @SergeyBiryukov
7 years ago

  • Component changed from Themes to Editor
  • Keywords close added
  • Version changed from trunk to 3.0

i noticed that in the editor screen if i add some text the preview isn't using the 100% of the available width.

It's not supposed to. The width is controlled by the theme's editor-style.css file:
tags/3.8.1/src/wp-content/themes/twentyfourteen/css/editor-style.css#L22.

The idea is to achieve the same look as on front-end, see #11512. Related: #21536.

#3 @ocean90
7 years ago

  • Keywords close removed
  • Milestone Awaiting Review deleted
  • Resolution set to worksforme
  • Status changed from new to closed
Note: See TracTickets for help on using tickets.