...
| Anchor | ||||
|---|---|---|---|---|
|
| Mockup | |||||||||
|---|---|---|---|---|---|---|---|---|---|
|
The sidebar is shown in a column on the right side of the screen (left side on RTL setups) and has three distinctive parts. The header at the top shows the Magnolia logo, but is mainly used to signal notifications for waiting or missed messages such as errors or warnings. Visually, it references the appearance of the header area in AdminCentral and thus seconds to flag the space dedicated to controls and settings.
...
The Actions Sidebar can be collapsed so it takes up less space. When collapsed, only icons for the common actions as well as for copy&paste and undo/redo are visible. This toolbar-like sidebar also contains a simplified header just large enough to contain a message notification icon. A simplified badge without the name but featuring the same configured background color is remains available as well.
| Mockup | |||||||||
|---|---|---|---|---|---|---|---|---|---|
|
Care must be taken to ensure that changing from the expanded view of the sidebar to the collapsed one does not disorient and confuse the user. Use the animations to smoothen the transitions as defined for the Actions Rack and slide the preview up and down instead of abruptly opening and closing it.
...