[MGNLUI-2805] Implement the new status bar Created: 16/Apr/14 Updated: 09/Mar/21 Resolved: 09/Mar/21 |
|
| Status: | Closed |
| Project: | Magnolia UI |
| Component/s: | tree/list, workbench |
| Affects Version/s: | 5.2.4 |
| Fix Version/s: | None |
| Type: | Improvement | Priority: | Major |
| Reporter: | Andreas Weder | Assignee: | Unassigned |
| Resolution: | Obsolete | Votes: | 0 |
| Labels: | statusbar, usability, ux | ||
| Remaining Estimate: | Not Specified | ||
| Time Spent: | Not Specified | ||
| Original Estimate: | Not Specified | ||
| Attachments: |
|
||||||||||||||||
| Issue Links: |
|
||||||||||||||||
| Template: |
|
||||||||||||||||
| Acceptance criteria: |
Empty
|
||||||||||||||||
| Task DoD: |
[ ]*
Doc/release notes changes? Comment present?
[ ]*
Downstream builds green?
[ ]*
Solution information and context easily available?
[ ]*
Tests
[ ]*
FixVersion filled and not yet released
[ ] 
Architecture Decision Record (ADR)
|
||||||||||||||||
| Description |
|
The status bar, shown at the bottom of all lists, trees and other items views, has been around for some time, but is visually broken: it hosts elements, but doesn't give them a proper frame, which makes them "hang around loosely" without a clean way for alignment. With additional requirements asking for indicators to show up in the status bar to e.g. indicate the publication state of a page and the number of concurrent editors, this had to be fixed. We've designed a new status bar to fix this and the goal of this issue is to implement it. The new status bar:
The "extending page" idea has never been realized so far: an item view that shows all it element is showing a light gray border (underneath the status bar); an item view that doesn't shows scrollbar and extends to the very bottom of the browser window. The new status bar honors this by being slightly transparent and by quickly sliding down when scroll starts and quickly sliding up again when scrolling stop, after a delay. |
| Comments |
| Comment by Andreas Weder [ 16/Apr/14 ] |
|
Appended screenshots showing the visual design, the transparency and slide up/down behavior. |