chrome-devtools-vertical
chrome-devtools-vertical copied to clipboard
Allow height ratio adjustment in the Elements and Sources panels
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?
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).
Added two editions that I use for two days. It's better than 70/30 ratio.
I think this is needed to be an extension, not just custom.css. Extensions can insert custom JS and other cool things.