CSS glitch when the browser window width isn't right

[Denis-de-Bernardy]

The post editor's layout now switches when the width of the window is narrow enough. But there's an intermediary zone, at least on Webkit/Safari where it's too narrow for the conditional CSS to kick in, yet too wide for the browser to deal with it. I presume, based on what I was working on a few minutes ago, that it's related to paddings.

Screenshot attached.

[jakemgold]

Able to replicated in Safari 6.0.5.

Working on it.

[jakemgold]

Also: only happens when a second, longer editor toolbar is open.

[jakemgold]

Increases breakpoint to collapse admin toolbar by 45px

[jakemgold]

Attached a patch that increases the first break point to accommodate the width of the second toolbar

[ocean90]

The ticket is about the editor, not the toolbar.

[jakemgold]

Replying to ocean90:

The ticket is about the editor, not the toolbar.

Read the patch and notes above... The cause of the problem is the toolbar.

[helen]

TinyMCE toolbar + admin menu :)

[ocean90]

Replying to jakemgold:

Read the patch and notes above... The cause of the problem is the toolbar.

I'm sorry, just noticed that with toolbar you mean the admin menu and probably the toolbar of TinyMCE.

[jakemgold]

No problem. However - any reason to hold such a small patch for 3.7?

(Disregard: Helen corrected my ignorance on timing. :-) )

[helen]

#24719 was marked as a duplicate.

[helen]

Been digging into this, because I specifically remember it getting fixed once upon a time. According to #19434, the minimum width is about 950px, but for some reason it's now 900 after [20749] when it moved from JS to CSS. azaozz - any reason why it's not 945-950 or so?

[azaozz]

...any reason why it's not 945-950 or so?

Thinking we should review the trigger width for switching from two columns to one on the Edit Post screen. The user can disable folding the menu so switching to one column should probably happen earlier.

[helen]

#25004 was marked as a duplicate.

[vinod dalvi]

The patch ​/ wp-admin-css-breakpoint-toolbar.patch​ does not fix bug properly and breaks on browser window size 968px X 768px.

[melchoyce]

23904.diff changes the breakpoint to 950px.

[nacin]

Seems good, can anyone confirm?

[vinod dalvi]

The patch ​http://core.trac.wordpress.org/attachment/ticket/23904/23904.diff breaks in between viewport size 951px to 958px.

The new patch( 23904.2.patch​ ) added to fix it.

[ocean90]

In 25688:

Post UI: Increase the trigger width for switching from two columns to one.

props melchoyce, vinod dalvi.
fixes #23904.