Iterations: Add menu location for Flamingo Skin
Last modified by Vincent Massol on 2024/11/19 16:14
Ecaterina Moraru (Valica)Description
1.0 Initial
Prominent Search Global actions mixed with Content actions (Add between Edit and More actions)
/ Actions grouped a bit (Add, Edit, More), still missing (Copy, Move, Delete)
2.1
- Moved 'Add' top, used just icon
- Moved Search right
- 'Add' as .btn-group
- 'Search' as input + .btn
2.2
- Tried to lower a bit Search input intensity
- Separators between items
2.3
- Lowered also Search button intensity
- Separators between items
3.1
- Added 'Add' text to the '+' button
- Separators between items
3.2
- Initial styling for Search and 'Add'
- No separators
4.1
- 'Add' as .navbar item
5.1
- Used just icon for 'Add'
6.1
- Experiment with 'Add' moved to the left
- 'Search' lower intensity
- Using separators
6.2
- Moved 'Search' to the left
- Increased intensity for the 'Search' icon
7.1
- Moved 'Add' to the right
- 'Search' lower intensity
- Single separator
8.1
- Used just the representative icon for 'Search' and 'Add'
- Separators between icons
8.2
- Moved localisation entry to the right
- Used a 'flag' icon to represent localisation
- Using separators for icons
8.2.1 - Interaction
- No implicit action on 'Add', just as menu
8.2.2 - Interaction
- Localisation needs to be clicked in order to see the current language, represented as menu
8.2.3 - Interaction
- Clicking on the 'Search' icon will expand the icon to an input + button
8.3
- Minimising the style also for 'Edit' and 'More actions' by using just icons
8.4
- Moving 'Flag' icon before 'Profile'
9.1
- Moving 'Search' to the right, near 'Flag'
10.1
- 'Add' as menu with default action
- 'Edit' and 'More actions' using explicit labels
'Add' is grouped with the entity breadcrumb to the left Actions are represented with icons, while we provide text only for user generated entities (Wiki/Space/Page/User names) Search is placed the first item in the right list
10.1.1 - Interaction
- Default action as 'Add Page'
- Also changed the order to 'Page - Space - Wiki'
10.1.2 - Interaction
- Clicking on the 'Search' icon will expand the icon to an input + button
- Lower intensity for 'Search' styling
10.1.3 - Interaction
- Localisation needs to be clicked in order to see the current language, represented as menu
10.2
The right menu is easily extensible with other functionality icons (like Messages or Notifications)
10.3
- Improved a bit the spacing between icons
11.1
- Minimising the style also for 'Edit' and 'More actions' by using just icons
11.2
- Removing the .primary style (blue color) for the 'Edit' button
12.1
- Adding a green color to the 'Add' icon
12.2
- Using icon + text for 'Add'
12.3
- Minimising 'Edit' and 'More actions' to use icons
