Skip to content

Improve drop indicator within the List view #39068

@richtabor

Description

@richtabor

What problem does this address?

We currently have a bold indicator when dragging/dropping blocks within the editor, but in the List view, it is quite thin/not as easily distinguishable.

What is your proposed solution?

  1. Let's try a more consistent drop indicator here that also improves visibility of the indicator — perhaps 1.5 or even 2px wide. Perhaps even matching the focus state width (in the last screenshot).

  2. As an extra, perhaps lean into matching a corresponding animation (perhaps not as bold as the editor itself, but relative to the List view size) for the line indicator as it appears.

Current drop indicator within the editor:

CleanShot 2022-02-24 at 13 01 28@2x

Current drop indicator within List view:

CleanShot 2022-02-24 at 13 02 1

CleanShot 2022-02-24 at 13 05 05@2x

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs DesignNeeds design efforts.[Feature] List ViewMenu item in the top toolbar to select blocks from a list of links.[Type] EnhancementA suggestion for improvement.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions