ORNL / DataFed

A Federated Scientific Data Management System
https://ornl.github.io/DataFed/
Other
18 stars 14 forks source link

Web - Make sidebar resize handle larger #414

Closed dvstans closed 4 years ago

dvstans commented 4 years ago

Currently, the resize handle is the default jquery corner drag handle and is very small. Need to move the handle to the vertical center of the panel edge and make it larger (on hover) so it's easier to use.

dvstans commented 4 years ago

Have tried numerous attempts to use different resize approach, but all have failed. There is a very strange interaction between the parent flexbox and the div with the resize property that causes non-linear sizing. Need more research to fix this (if it can be fixed)

dvstans commented 4 years ago

Fixed. 1.5 days to find the "magic" solution using jquery-ui resizable and tweaking the layout to prevent the resize handle from interfering with the scrollbar. Works in Chrome and Edge.