Look and feel: Lists and dropdowns - Githubissues

enso-org / enso

Enso Analytics is a self-service data prep and analysis platform designed for data teams.

https://ensoanalytics.com

Apache License 2.0

7.39k stars 323 forks source link

Look and feel: Lists and dropdowns #11620

Closed kazcw closed 6 days ago

kazcw commented 1 week ago

Pull Request Description

https://github.com/user-attachments/assets/d8c039e6-670c-4ff5-9d71-c07ee6114570

Lists:

Drag handles are icons.
List controls are shown only when component is sole selection.
Each item has delete button.
Integration tests cover dragging, adding, removing.

https://github.com/user-attachments/assets/58054cb2-22bc-4279-850c-0bc4929fc246

Dropdowns:

Arrows are shown when hovered or component is sole selection.
Arrows change opacity when hovered.

Implements #11533.

Important Notes

Checklist

Please ensure that the following checklist has been satisfied before submitting the PR:

[ ] The documentation has been updated, if necessary.
[ ] Screenshots/screencasts have been attached, if there are any visual changes. For interactive or animated visual changes, a screencast is preferred.
[ ] All code follows the Scala, Java, TypeScript, and Rust style guides. In case you are using a language not listed above, follow the Rust style guide.
[ ] Unit tests have been written where possible.
[ ] If meaningful changes were made to logic or tests affecting Enso Cloud integration in the libraries, or the Snowflake database integration, a run of the Extra Tests has been scheduled.
- If applicable, it is suggested to paste a link to a successful run of the Extra Tests.

github-actions[bot] commented 1 week ago

🧪 Storybook is successfully deployed!

📊 Dashboard:

👀 Review changes: https://www.chromatic.com/build?appId=673738989fc3e8430364197e&number=249
👨‍🎨 Preview storybook: https://673738989fc3e8430364197e-mpwpwnbunf.chromatic.com/