761431 - Responsive mode causes a devtools "donut"

Status: RESOLVED WORKSFORME

(DevTools :: General, defect)

Description

[Potch [:potch]]

Attachment: behold the donut

The new Responsive Mode feature is 1000 kinds of awesome. However, when I'm working on a mobile site and have the content shrunk down, it concentrates on the left-side of the browser window. It would be awesome if you could center the content within the window instead.

Comment 1

[Kevin Dangoor]

Mmm. Donuts.

(Sorry, had to be said.)

I agree with you, though, that it feels a bit funny to have the content area stuck to the left. To me, it feels like a window that I should be able to drag around.

Comment 2

[Paul Rouget [:paul]]

OMG DONUT!

Yep, the page is left aligned (in RTL & LTR) because it was the easy way to do it.
Centering the page is not easy. Using CSS won't work, but I guess adding an offset
dynamically might work.

Comment 3

[hsablonniere]

I don't get the donut joke. Any help?

Comment 4

[Paul Rouget [:paul]]

(In reply to hsablonniere from comment #3)
> I don't get the donut joke. Any help?

The tools are spread on the side of the window. It makes a "ring" with a hole in the middle.

Comment 5

[Paul Rouget [:paul]]

I'm proud to say we fixed that!

Now… all the tools are located inside a box, that you can undock.
The browser is not centered thought. But that's a different story.

Bug triage, filter on PINKISBEAUTIFUL

Comment 6

[hsablonniere]

Nice ;-) Can I use it on moz central ? Any sceenshots maybe ?

Comment 7

[Paul Rouget [:paul]]

(In reply to hsablonniere from comment #6)
> Nice ;-) Can I use it on moz central ? Any sceenshots maybe ?

It's in nightly.