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[Status] In Progress[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