1780218 - Add configurability of fallback image for users who prefer reduced motion in AboutWelcome message surfaces

Status: RESOLVED FIXED

(Firefox :: Messaging System, enhancement, P2)

Description

[Meg Viar [:mviar]]

To support message designs using animated gifs for Spotlight logos, update the AboutWelcome/Spotlight configuration to accept a fallback image for users who prefer reduced motion.

This could include updating MultiStageProtonScreen's getLogoStyle method (here) to use the correct asset based on user preference (such as window.matchMedia('(prefers-reduced-motion: reduce)') or ui.prefersReducedMotion in user's firefox prefs.

Comment 1

[Shane Hughes [:aminomancer]]

Attachment: Bug 1780218 - Add reduced motion logo properties to ProtonScreen. r?mviar

Add new properties to ProtonScreen logos: reducedMotionImageURL and
darkModeReducedMotionImageURL. These are intended to be used when
imageURL and/or darkModeImageURL is an animated image such as a GIF. If
reduced motion images are passed, they will be used instead of
imageURL/darkModeImageURL if the user has enabled a reduced motion
preference through their OS or Firefox settings. So, consumers can pass
up to 4 logo URLs to be matched with the following media queries:

1. imageURL: not (prefers-color-scheme: dark)
2. darkModeImageURL: (prefers-color-scheme: dark)
3. reducedMotionImageURL: (prefers-reduced-motion: reduce)
4. darkModeReducedMotionImageURL: (prefers-color-scheme: dark) and (prefers-reduced-motion: reduce)

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/4db4c006400a
Add reduced motion logo properties to ProtonScreen. r=mviar

Comment 3

[Sandor Molnar[:smolnar]]

Backed out changeset 4db4c006400a (bug 1780218) for causing browser-chrome failures in browser/components/newtab/test/browser/browser_multistage_spotlight.js

Backout link: https://hg.mozilla.org/integration/autoland/rev/c48904a560bfb19f6e09e0fd06863f812ea56528

Push with failures

Failure log

Comment 4

[Shane Hughes [:aminomancer]]

I'm guessing the remote logo never tried to load before the patch? We could switch to a local logo when we're testing, or just replace it with a local resource. There weren't a lot of animated images to pick from in m-c

Comment 5

[Shane Hughes [:aminomancer]]

Another try job for local images

Comment 6

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/851cd5fa67c6
Add reduced motion logo properties to ProtonScreen. r=mviar

Comment 7

[Cristina Cozmuta (:CrissCozmuta)]

https://hg.mozilla.org/mozilla-central/rev/851cd5fa67c6