[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: PNG File 01_Indicator_Status_bar_1_140218.png     PNG File 02_Indicator_Status_bar_2_140218.png     PNG File 03_Indicator_Status_bar_3_140218.png     PNG File 04_Indicator_Status_bar_4_140218.png     PNG File 05_Indicator_Status_bar_5_140218.png     PNG File 06_Indicator_Status_bar_6_140218.png    
Issue Links:
dependency
is depended upon by MGNLUI-2806 Show the total number of selected ite... Closed
relation
is related to MGNLSLOCK-27 As an editor, I can use the soft lock... Closed
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:

  • is a visible, gray element
  • offers separators for indicators
  • is partially transparent
  • does still honor the original "extending page" idea (see below)
  • shows the total number of items in the list as well as the number of currently selected items in the bottom right corner.

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.

Generated at Mon Feb 12 09:00:19 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.