This is part of a larger project to improve the entire Layout panel.
I'm hoping to make the box model always-showing and at the top of the Layout panel, with only the most important box model-related properties displayed next to it. Keeping it compact means more room to see flexbox/Grid, and in the future, issues, page info, etc.
First draft tweet — lots of helpful feedback. Several folks asked us to avoid removing features, explaining their use cases.
Second draft in progress, more along the lines of the following. This could keep all functionality, but remains compact. It borrows Chrome/Safari/Edge-style dashes to indicate 0 to de-emphasize those values more. The full values variant is a bit cramped-looking at the moment but I can improve on this.
This is part of a larger project to improve the entire Layout panel.
I'm hoping to make the box model always-showing and at the top of the Layout panel, with only the most important box model-related properties displayed next to it. Keeping it compact means more room to see flexbox/Grid, and in the future, issues, page info, etc.
First draft tweet — lots of helpful feedback. Several folks asked us to avoid removing features, explaining their use cases.
Second draft in progress, more along the lines of the following. This could keep all functionality, but remains compact. It borrows Chrome/Safari/Edge-style dashes to indicate 0 to de-emphasize those values more. The full values variant is a bit cramped-looking at the moment but I can improve on this.
Figma source file — feel free to make a copy.