melat0nin / chrome-devtools-vertical

CSS styles to layout Chrome's Devtools to look like Firebug in vertical mode (source code horizontally above attributes)
38 stars 5 forks source link

Columns in Network panel are no longer resizable. #14

Open vickychijwani opened 11 years ago

vickychijwani commented 11 years ago

The columns are narrow so I can't read what's in them, and I can't resize them.

2013-01-12-014536_528x487_scrot

There should be a way to allow resizing with horizontal scrolling on that panel, especially since the last column ("Timeline") displays a horizontal progess bar.

vickychijwani commented 11 years ago

I have an idea: check out this responsive tables trick. Try narrowing the page - the table gets flipped on its side.

responsive table

Also see this roundup of responsive data table techniques.

One of these techniques might be possible to implement here.

vickychijwani commented 11 years ago

Oh, but this will cause another issue: the progress bar in the timeline column will take up a lot of horizontal space, so flipping the table on its side won't help, it'll just become a mammoth-wide table.