1806248 - Non-optimal switch between vertical and horizontal layout

Status: RESOLVED DUPLICATE of bug 1594489

(DevTools :: Inspector, enhancement)

Description

[Dariusz Czajkowski]

Attachment: DevtoolsResizing.mov

Steps to reproduce:

Resize the devtools for the window (or working area) to be wider

Actual results:

The div#inspector-main-content gets narrower, because div#inspector-rules-container and div#inspector-sidebar-container jumps from the bottom to the right.

This adds more space vertically, but makes everything cramped horizontally.

Devtools width of 700px makes div#inspector-main-content to have width of 700px.

Devtools width of 710px makes div#inspector-main-content to have width of
140px.

Making Devtools even wider, to 1470px makes div#inspector-main-content to have the initial width of 700px.

Expected results:

Increasing width of devtools should make the main content wider, not narrower.

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

Well, since we want to switch from a vertical to an horizontal layout, whatever the visual breakpoint at which we do that, it's always going to end up making the markup view smaller.
Now we could discuss if we should change the number at which we do the switch, or if we could have something in the UI so the user would control the switch from horizontal to vertical themselves.

Comment 2

[Nicolas Chevobbe [:nchevobbe]]

Bug 1594489 would fix this