Last modified: 2014-11-19 10:01:50 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T74614, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 72614 - UI: Create specifications for sticky notification bar
UI: Create specifications for sticky notification bar
Status: RESOLVED FIXED
Product: MediaWiki extensions
Classification: Unclassified
WikidataRepo (Other open bugs)
unspecified
All All
: High normal (vote)
: ---
Assigned To: Wikidata bugs
u=dev c=frontend p=5 s=2014-11-11
:
Depends on:
Blocks: 72419
  Show dependency treegraph
 
Reported: 2014-10-28 09:23 UTC by tobias.gritschacher
Modified: 2014-11-19 10:01 UTC (History)
3 users (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments
Basic technical concept visualization (22.66 KB, image/png)
2014-11-17 13:58 UTC, Henning
Details

Description tobias.gritschacher 2014-10-28 09:23:51 UTC

    
Comment 1 tobias.gritschacher 2014-10-28 17:25:56 UTC
Specifications how sticky notification should work with the current UI. Can be extended by some mockups.
Comment 2 Henning 2014-11-17 13:57:18 UTC
Technical specification

Intention:
The notification bar is supposed to display "section-wide" notifications. At the moment, these may be the copyright information and error messages. Later on, the notification system may also be used "globally", e.g. in the scope of the entityview informing about why editing the entity is blocked or more locally (for example, for displaying errors right next to the individual input causing the error).

Behaviour:
The notification bar wipes out below and attaches to the section header row inheriting any stickyness of the header row. The bar stretches across the width of the header row and acquires the height necessary to fully display its content. For a smooth integration, it is vital to not hide components the user may just have interacted with. Consequently, the section needs to be shifted by the height of the notification bar when the bar gets displayed or hidden.
Whenever the height of the bar is changed (for example, by unfolding initially hidden content within the bar), the section needs to be shifted accordingly.
The way to close/hide the bar should be standardized by using some "close" icon ("x"). If the notification bar features some interactive content, the "close" icon represents cancelling.

Integration:
The notification bar is wiped out programmatically, e.g. when starting a section's edit mode or when an error occurs while trying to save a section's content. The bar may be dismissed programmatically (e.g. an error is resolved or the edit mode is closed) or by direct user interaction (e.g. hitting the "close" button or as a result of an interaction with the bar's content).
Comment 3 Henning 2014-11-17 13:58:56 UTC
Created attachment 17147 [details]
Basic technical concept visualization
Comment 4 Lydia Pintscher 2014-11-19 10:01:50 UTC
Looks very good :)

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links