Content Comparison

...

• Where relevant, an actions area will be shown at the bottom of the details pane, allowing users to perform pane-level (or tab-level) actions.

• The action area may include elements such as indicators, buttons, and drop-down menus.

Collapse/Expand Area

...

• The collapse/expand area will appear only when the details pane is unpinned.

• When shown, it will be located on the left side of the details pane.

• An arrow is shown in the middle of it:

  • when expanded, the arrow will direct to the right.

  • when collapsed, the arrow will direct to the left.

...

• Clicking the pin icon will switch its state from pinned to unpinned and vice versa:

  • When unpinned, clicking the icon will switch the pane to expanded, pinned state (see States above).

  • When pinned, clicking the icon will switch the pane to expanded, unpinned state (see States above).

When the pane is unpinned

When the pane is pinned

...