The highlight generated from hovering the <html-render-layer> contains the entire elements box model. This is sometimes misleading as the padding makes an element that contains text (such as paragraph) appear irrationally large without the benefit of knowing how much padding the element has.
Requirements
Add different colored highlights for:
padding
margin
border
Consult with design to see if these should match the Edge dev tools
Determine if any numbers should display (to represent width/height and/or margin/padding) as a tooltip, similar to dev tools
What package(s) should this feature be added to?
@microsoft/fast-tooling
Summary
Description
The highlight generated from hovering the
<html-render-layer>contains the entire elements box model. This is sometimes misleading as the padding makes an element that contains text (such as paragraph) appear irrationally large without the benefit of knowing how much padding the element has.Requirements