Join GitHub today
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.Sign up
Unified Layout Panel #64
Inspector: 3rd pane problems
I want to turn the Layout tab into a little homepage of sorts, containing an overview of useful info and links into other parts of the 3rd pane. We should only surface info that is relevant to the currently selected element. Here are some of my current ideas:
The next tool will be a WebCompat tab, so many examples will be focused on WebCompat.
I realized that with the plans for a dedicated WebCompat tab in the third pane, it would actually be displayed like this in the "shortcuts to other tabs" section. It would still bubble up to the "This Element" section when the error is on the selected element. Latest mockup:
Regarding the "box model properties" info that currently appears under the box model, and is next to the box model in these designs:
From @fvsch on Slack:
Some things like float seem really redundant with the declaration in Rules. Is it actually a useful shortcut? I guess float, z-index, position can all be gotchas. Maybe that's what we want to highlight. But maybe we should highlight that in Rules instead, somehow.