WordPress/gutenberg

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

Open

#30.699 geöffnet am 10. Apr. 2021

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (3.893 Forks)batch import
Good First Issue[Block] Columns[Feature] Drag and Drop[Status] In Progress[Type] Enhancement

Repository-Metriken

Stars
 (9.607 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 12T 18h) (509 gemergte PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Studieren Sie die vorhandene Drop Zone Implementierung im Cover Block (siehe verlinkter Code). Ändern Sie dann den Columns Block so, dass bei leerem Zustand eine Drop Zone ähnlich wie beim Cover Block angezeigt wird.
Tech Stack
javascriptreact
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
JavaScriptReactGutenberg block development
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
65