Expand and Collapse on branches, messages, and fragments

[MrCoder]

Scope

Viewing Only

Out of scope

Persisting toggles

Context

When viewing a Sequence Diagram, sometimes, some details (be it messages, fragments or branches) become distractions. Users may want to temporarily hide it.

Design

The meaning of "hide" is important. We need to carefully design the hidden section so it does not continue distracting users' attention but still providing some indicator (and maybe some information) on what is going on there. A few example's must be provided.

Branches

Messages

Fragments

Related Issues

Feature request: toggle branch of code

[MrCoder]

What is the proper place to put the "Expand/Collapse" Button?

We may be able to incorporate this in the "context menu"? Maybe not. While styling sounds a good choice for context menu. Expand/Collapse buttons do not. This is because we want the interaction points to be more accessible and with less clicks. Another issue with context menu is that it would be difficult for users to know "what element to select". For example, how to select an "Alt fragment" vs an "Else branch"?

It seems that the button should be at a fixed position relative to the collapsable element.

For Fragments (Alt, Loop, Par, Opt, TCF), we can use the "Header".