Skip to content

Consider tweaking nested block side action styles #7182

@chrisvanpatten

Description

@chrisvanpatten

To make it easier to tell which side tools are visible, the side tools for nested blocks (inside innerblocks layout areas) have a slightly different style; currently like this, with visible button borders:

untitled___ mindful_org _wordpress

This is slightly different from parent blocks, which don't display borders:

untitled___ mindful_org _wordpress

The distinction is helpful but I think can be improved — and make the side UI a little more consistent with the main toolbar — by wrapping these areas in a border instead of an always-visible border for individual styles.

Before and after:

block-side-tools

And here's a demo:

kapture 2018-06-06 at 11 35 35

This could extend to parent blocks as well, for greater consistency, although I didn't include that in the above demo.

Note that I also styled the borders to match the block hover styles implemented in #6773 but that could be changed as well.

Metadata

Metadata

Assignees

No one assigned

    Labels

    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