Task #48068

Work Package #47023: Global user interface

Menu component

Added by Aske Ertmann over 8 years ago. Updated about 7 years ago.

Status:
Closed
Priority:
Should have
Category:
Global User Interface
Target version:
Start date:
2013-07-10
Due date:
% Done:

100%

Estimated time:
0.00 h

Description

Implement a menu component aligned to the left side of the viewport. The menu contains a list of two main modules "Edit content" and "Dashboard" as well as shortcuts and modules.

Specification:
  • Edit content button
  • Dashboard button
  • Shortcuts (section)
  • Main modules and first level sub modules (sections)
  • Collapse/expand button for each "section"
    • Remember states (like the inspector groups)
  • Menu toggle button
    • Active state when toggled
    • Toggle with click (maybe hover as well, needs some real tests)
  • Overlays other UI elements and the page
    • Does not add left margin to the body
  • Toggle animation is slide out/in from left
  • Position fixed with 100 % height
  • Content not visible can be viewed by scrolling
  • Create separate SCSS file for all CSS
  • Create separate JavaScript file for the component

Subtasks

Also available in: Atom PDF