search

sartography / spiff-arena

SpiffWorkflow is a software development platform for building, running, and monitoring executable diagrams
https://www.spiffworkflow.org/
GNU Lesser General Public License v2.1
44 stars 34 forks source link

Process Instance Info Flyout #1490

Closed tcoz closed 5 days ago

tcoz commented 2 weeks ago

When the user interacts with a Process Instance DataGrid row, they should see a flyout come from the right side of the screen. It displays summary info with a collapsed "all info" section on the left.

The general design idea can be found in the Figma File in the frame "Process Instance Flyout". The real data may alter that design.

The usual process, take from raw design, convert to MUI components, implement.

https://www.figma.com/file/dxu4lP9dVW52XK3k1h54nk/SW---Draft-UX?type=design&node-id=237%3A2773&mode=design&t=YSJkHoNx8AfJIsO7-1

tcoz commented 1 week ago

While we're waiting for Lee Anne to gen some designs for this, working on nailing in responsiveness and design tokens throughout the app (that work will apply to the incoming widgets/screens).

I'm going to stub something out we can use in the meantime but it won't be a final form.

tcoz commented 5 days ago

This is complete. While the window itself may undergo some style changes, the mechanism to activate/display/clear it, and load info into it, is all set.

We'll also need a responsive solution for this (likely we'll flip to another view instead of a flyout). I'll make a ticket for this.