chrome-devtools-vertical icon indicating copy to clipboard operation
chrome-devtools-vertical copied to clipboard

Allow height ratio adjustment in the Elements and Sources panels

Open vickychijwani opened this issue 12 years ago • 3 comments
trafficstars

The next logical improvement to make would be to allow adjusting the height ratio, but I'm not sure how to do that using only CSS. Any ideas on how to go about this?

Perhaps we could use -webkit-transform: rotate(90deg); to rotate the already existing resizing element (which we've gotten rid of, for now) and proceed from there? Alternatively, is there a way to inject custom JS into Devtools?

vickychijwani avatar Jan 10 '13 17:01 vickychijwani

Yes this is something I would really like to do. I'm not sure if it's possible using pure CSS, but if it is then Chrome's bound to support it. I'll have a play around to see what I can come up with.

Not sure about custom JS, although it seems like a potential security risk to me so it wouldn't surprise me if it's not possible (without creating an actual extension).

melat0nin avatar Jan 10 '13 17:01 melat0nin

Added two editions that I use for two days. It's better than 70/30 ratio.

Grawl avatar Jan 12 '13 03:01 Grawl

I think this is needed to be an extension, not just custom.css. Extensions can insert custom JS and other cool things.

Grawl avatar Jan 12 '13 03:01 Grawl