[layout view] Show width and height restrictions in box model
Categories
(DevTools :: Inspector: Layout, enhancement, P3)
Tracking
(Not tracked)
People
(Reporter: sebo, Unassigned)
References
Details
Width and height of an element are often restricted by definitions for min-width
, max-width
, min-height
, and max-height
.
This may not be obvious when looking at those dimensions or the CSS rules defining them. Therefore, those restrictions should be shown within the Layout View.
The simplest approach for that would probably be to add the restricting properties to the "Box Model Properties" section.
An advanced solution would visually indicate the dimension and the limiting properties similarily to the display of the flex-basis and the final size of flex items.
Note that bug 1590419 also targets this use case, though after thinking a bit about this, I believe this feature better fits to the Layout View, because the width
and height
are not inactive but overruled by the min/max settings.
Sebastian
Comment 1•6 days ago
|
||
Could be useful to show the computed min/max values. We could also display more clearly the current width and height, maybe in a "Dimensions" section, similar to the "Box Model Properties" section?
Description
•