Task #49850

Base Distribution - Work Package #47023: Global user interface

Base Distribution - Task #48068: Menu component

Condensed sticky menu

Added by Rasmus Skjoldan over 6 years ago. Updated about 5 years ago.

Should have
Start date:
Due date:
% Done:



Design the condensed sticky version of the menu - showing only the icons without module names. If user collapses a module section and then afterwards condenses the menu, only the top level module will be seen.

Menu has 3 states:
  1. Full expanded, showing both icons and module names
  2. Collapsed
  3. Condensed, showing only icons
  • Icon in the bottom left corner
  • Design border-right/shadow when menu is collapsed

Associated revisions

Revision d361d669 (diff)
Added by Aske Ertmann about 6 years ago

[TASK] Various improvements to sticky menu

  • Fix global class name
  • Ensure lines align with navigate component
  • Fix button class name (using id instead)
  • Fix bottom border of navigate button when sticky
  • Prevent opening on mouseover when menu closed and sticky
  • Use controller variable binding instead of configuration
  • Get rid of unnecessary custom ember button
  • Use controller sticky state instead of binding to individual views
  • Remove mouse enter event for menu (never possible)
  • Keep more in sync with the way the navigate component is made
  • Remove border from sticky button
  • Fix animation when opening menu when sticky
  • Show label instead of description for menu titles when sticky

Change-Id: I7d3c81eac33c7ed36acfdb5c7ce493f0bb68437b
Related: #49850
Reviewed-on: https://review.typo3.org/24959
Reviewed-by: Mattias Nilsson
Tested-by: Mattias Nilsson
Tested-by: Mr. Hudson
Reviewed-by: Aske Ertmann
Tested-by: Aske Ertmann
Reviewed-by: Rens Admiraal
Tested-by: Rens Admiraal


#1 Updated by Aske Ertmann over 6 years ago

  • Project changed from Base Distribution to TYPO3.Neos
  • Category deleted (Global User Interface)

#2 Updated by Aske Ertmann over 6 years ago

  • Subject changed from Design condensed sticky menu to Condensed sticky menu

#3 Updated by Aske Ertmann over 6 years ago

  • Status changed from New to Accepted
  • Assignee changed from Rasmus Skjoldan to Aske Ertmann
  • Target version changed from 1.0 beta 1 to 1.0 alpha 7

#4 Updated by Aske Ertmann over 6 years ago

  • Status changed from Accepted to Resolved
  • Assignee deleted (Aske Ertmann)
  • Target version changed from 1.0 alpha 7 to 1.0 alpha 6
  • % Done changed from 0 to 100

#5 Updated by Aske Ertmann about 5 years ago

  • Status changed from Resolved to Closed

Also available in: Atom PDF