felixge / felixge/flame-explain

Drag & Drop Textarea Columns / Inspector Favorites

Open
#3 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
55
Forks
5
PR merge metrics
No merged PRs in 30d

Description

# Problem

Right now the only way to reorder the columns of the tree table is to click the little arrows that appear when hovering over the header:

![image](https://user-images.githubusercontent.com/15000/90110886-2a97cb00-dd4e-11ea-921a-2be22c59e5c3.png)

This is annoying UX and drag & drop would be much nicer. However, drag & drop in react is a little complicated, so I didn't implement it yet.

A similar issue exists with the favorite rows in the inspector.

![image](https://user-images.githubusercontent.com/15000/90111169-882c1780-dd4e-11ea-9c56-b9cb80622d7a.png)

# Proposal

Experiment with the different drag & drop libraries for react, potentially in a standalone project and create a prototype for drag & dropping table columns and rows.

Then try to apply this approach in a PR to the tree table or inspector (whichever is easier first), and eventually so it for both.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.