aws / graph-explorer

React-based web application that enables users to visualize both property graph and RDF data and explore connections between data without having to write graph queries.
https://github.com/aws/graph-explorer
Apache License 2.0
299 stars 46 forks source link

Fix expand sidebar scrolling #436

Closed kmcginnes closed 3 weeks ago

kmcginnes commented 3 weeks ago

Description

The expand sidebar scrolling is annoying to use when vertical height is limited. It was using percentage heights for sections of the UI.

Instead, I allow the full content beneath the vertex header to be scrolled. The expand button will be in the bottom corner if there is enough height to accomplish that without scrolling. If not, the user will need to scroll for the expand button.

When there are more than 5 neighbors, A "show more" button will appear. When clicked, all the neighbors will show. The user can collapse it again.

Validation

Here is a 30 second video showing off this new behavior.

https://github.com/aws/graph-explorer/assets/212862/da47da08-e0fc-48df-9e45-3ef3e98b52ee

Related Issues

Check List