The context dialog is an overlay which appears on click of a button. It holds context related actions and contains other components like buttons, links, checkboxes, etc.
background-color: $gray-700 padding: 32px, 12px, 12px, 12px border-radius: 3px
As soon as the context dialog is open, the focus is set on the first interactive element within the dialog. The focus should be trapped inside the context-dialog. On blur, the context dialog closes.
The context actions menu is not animated at all.
The context actions menu is a variant of the context dialog placed on the top right within a card, containing secondary buttons.