Skip to content

Guidelines when hovering elements #114

Open
@Svish

Description

@Svish

When hovering elements in the DevTools Elements tab, it highlights the element on the page, with things like gaps, paddings and margins in different colors.

Would be really helpful if it was possible to also get some guidelines to make it easier to see whether elements and text line up.

For example the following two custom input elements, do they and all 3 pieces of text line up? Would be much easier to check with some guidelines:

image

Here's how it looks with FireFox DevTools:

image

AB#42132065

Metadata

Metadata

Assignees

No one assigned

    Labels

    featureNew feature or requesttrackedThis issue is now tracked on our internal backlog

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions