Closed Bug 1593237 Opened 4 months ago Closed 3 months ago

Replace string list spinner with content loading placeholder

Categories

(Webtools :: Pontoon, enhancement, P3)

enhancement

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: mathjazz, Assigned: michaelumanah, Mentored)

Details

(Whiteboard: outreachyround19)

Attachments

(1 file)

Content loading placeholders AKA skeleton screens are perceived as being shorter in duration when compared against a blank screen and a spinner:
https://uxdesign.cc/what-you-should-know-about-skeleton-screens-a820c45a571a

Let's replace the existing spinner in the string list and the blank editor screen with the content loading placeholder with motion.

Example:
https://zalog.ro/placeholder-loading/

The current spinner code:
https://github.com/mozilla/pontoon/blob/master/frontend/src/core/loaders/components/CircleLoader.js

Other resources:
https://www.codepicky.com/content-placeholders/
https://www.lukew.com/ff/entry.asp?1797

Status: NEW → ASSIGNED
Status: ASSIGNED → RESOLVED
Closed: 3 months ago
Resolution: --- → FIXED
Whiteboard: outreachyround19
You need to log in before you can comment on or make changes to this bug.