bytechefhq/bytechef

When dragging a component from the right side panel, the dragged element should be just the icon

Ouverte

#3 208 ouverte le 3 oct. 2025

Voir sur GitHubGuide contributeur
 (8 commentaires) (0 réaction) (1 personne assignée)Java (156 forks)auto 404
frontendgood first issuehacktoberfesthacktoberfest2025

Métriques du dépôt

Stars
 (907 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

In the video below we can see that the entire card (icon, title + description) is being dragged, but we only want to show the icon while the card is being dragged.

Important that the whole card should still be draggable, just the displayed element while dragging should be the icon of the component.

Here's the component that represents the individual card that has drag support - WorkflowNodesTabsItem

https://github.com/user-attachments/assets/d0271e1a-6275-46b1-9f0e-9fc3fdf2e43c

Guide contributeur

Direction de recherche
Examinez l'implémentation actuelle du glisser déposer dans WorkflowNodesTabsItem.tsx et modifiez la superposition de glissement pour afficher uniquement l'icône au lieu de la carte entière.
Stack technique
typescriptreact
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
Reactdrag and drop concepts
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70