Skip to content

Fade out all outlines as you are typing #8

@jasmussen

Description

@jasmussen

Take the UI prototype for a spin: https://automattic.github.io/gutenberg/ — put the cursor in a paragraph, make some linebreaks, write some text, soak it up.

It's not intended to be super functional, but rather to give a feel for how the block and inline level controls can work, and how that feels while typing. Depending on how far we want to take it, here are some thoughts on how the feel of it all could be improved.

Type selector + up/down rearrangement controls

Should we be showing these controls when you hover over a block? Right now only the faint outlines show up. Might be nice for some quick rearranging to not have to click first.

Show outlines in block you are typing in

Right now the faint outlines show only when you hover over a block with a mouse. Should we be showing these outlines as you are typing inside a block as well? (And only on that block?)

... OR: fade out all outlines as you are typing?

Related to hover outlines, instead of showing outlines on the block you are typing in, we could consider fading out all outlines as you are typing, even outlines on block that your mouse is currently over. The cursor itself fades out anyway, maybe the outlines should too?

When rearranging blocks, the block moved should stay is-selected.

Moving around blocks right now is neat, but a little disorienting. Perhaps we should even add a subtle animation showing the block moving to its new place, squishing out the old block.

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Type] EnhancementA suggestion for improvement.[Type] TaskIssues or PRs that have been broken down into an individual action to take

    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