Skip to content

Highlight sections and controls when hovering over corresponding elements in preview #21

@westonruter

Description

@westonruter

Styles can add a lot of controls to the customizer, in a lot of sections. When first getting oriented, it can be difficult to find the control that changes a specific element in the preview. So there could be introduced an inspector button (like the dev tools magnifying glass in Chrome) which when clicked would allow you to hover over elements in the preview, and any sections and controls that effect that element (via the selectors) could get highlighted in the left customizer panel. The relevant customizer section could get expanded and the specific control scrolled into view with a red blinking highlight applied. This could greatly improve the discoverability of controls introduced by Styles.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions