Column block: Dropping block into an empty column using a drop zone. · WordPress/gutenberg#30699 | Good First Issue

(0 评论) (0 反应) (0 负责人)JavaScript (3,893 fork)batch import

Good First Issue[Block] Columns[Feature] Drag and Drop[Type] Enhancement

仓库指标

Star: (9,607 star)
PR 合并指标: (平均合并 12天 18小时) (30 天内合并 509 个 PR)

描述

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

贡献者指南

研究方向: 研究Cover块中现有的拖放区域实现（参见链接代码）。然后修改Columns块，在空的时候显示拖放区域，类似于Cover块。
技术栈: javascriptreact
领域: frontend
议题类型: 功能
难度: 3
预计时间: 半天
活动状态: 新近可参与
清晰度: 清晰
前置要求: JavaScriptReactGutenberg block development
新手友好度: 65