Skip to content

Update design for Unsupported blocks #479

@iamthomasbishop

Description

@iamthomasbishop

The current iteration of the Unsupported block isn't very helpful.

Current design:

image

Proposed design:

  • Show the block type name, rather than simply "Unsupported". This will tell the user quickly which blocks are on the canvas and they can move or delete them accordingly
  • Add the block type icon as an additional visual cue
  • Change styling of text to be system sans-serif and the darker shade ( #2e4453 aka $gray-dark )

(Below: an example of a focused Unsupported block)

image

Note: If need be, we can tackle the question mark icon separately, but here's how I would expect it to work:

  • User taps the (?) icon
  • Dialog or sheet opens
  • Short message explains that some blocks aren't yet supported, links to more information on a webpage

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions