UI: resizable vertical panels, utils, ui debug tools

flecs-hub / explorer

Web-based UI for monitoring Flecs applications, trying out queries & learning ECS

MIT License

64 stars 14 forks source link

Closed Kristofir closed 2 years ago

Kristofir commented 2 years ago

Redid resizable vertical panels to improve separation of concerns.
- Improved performance
- Improved edge case where user pulls a panel to a boundary
Added lodash debounce 250ms to code setting, giving the Hub more time to load and mount components.
Implemented some UI and component mounting debugging tools that can be turned on in by boolean DEBUG_MODE and DEBUG_OPTIONS global variables in index.html.

Kristofir commented 2 years ago

New collapsible-panel component addresses a Safari layout bug.

The new component is simplified and will serve as foundation for resizable and movable panels.

Kristofir commented 2 years ago

Re-added elements from previous version: