WordPress/gutenberg

Column block: Dropping block into an empty column using a drop zone.

Open

#30.699 aberto em 10 de abr. de 2021

Ver no GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (3.893 forks)batch import
Good First Issue[Block] Columns[Feature] Drag and Drop[Status] In Progress[Type] Enhancement

Métricas do repositório

Stars
 (9.607 stars)
Métricas de merge de PR
 (Mesclagem média 12d 18h) (509 fundiu PRs em 30d)

Description

What problem does this address?

Column-drop-zone

https://user-images.githubusercontent.com/5323259/114276235-08ae2f80-9a26-11eb-985e-26866d31c030.mp4

Dropping happens "above" the main Column area (It looks like it).

What is your proposed solution?

Adding a drop zone to the Columns block when it is empty. Going from the above into something similar to this drop zone area for the Cover block.

Cover-block-drop-zone

For the empty Column: Column-drop-zone-mockup

Guia do colaborador

Direção de pesquisa
Estude a implementação existente da zona de queda no bloco Cover (veja o código vinculado). Em seguida, modifique o bloco Columns para mostrar uma zona de queda quando vazio, semelhante ao bloco Cover.
Pilha de tecnologia
javascriptreact
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScriptReactGutenberg block development
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65