Page MenuHomePhabricator

Help panel: Missing animation transitions
Closed, ResolvedPublic

Description

Broken out from T211633:

Both mobile & desktop versions are missing two animation transitions:

1. Missing animation to transition help panel CTA onto the editor screen
Expected: Help CTA should fade and animate into the screen, as per the demo prototype. Also refer to the css (lines 182-204) as a proposed way to achieve this effect.

Status: Not done.

2. Missing animation to transition from the help panel CTA to the open help panel
Expected: When the help panel CTA is clicked/tapped, the help panel should fade and animate into the screen, as per the demo prototype. Also refer to the css (lines 240-257) as a proposed way to achieve this effect.
Status: Not done.

Event Timeline

Catrope added a project: GrowthExperiments.
Catrope updated the task description. (Show Details)

Change 482246 had a related patch set uploaded (by Catrope; owner: Catrope):
[mediawiki/extensions/GrowthExperiments@master] Help panel: Animate the CTA button onto the screen

https://gerrit.wikimedia.org/r/482246

Change 482248 had a related patch set uploaded (by Catrope; owner: Catrope):
[mediawiki/extensions/GrowthExperiments@master] Help panel: Add animation when opening the popup

https://gerrit.wikimedia.org/r/482248

Change 482246 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Help panel: Animate the CTA button onto the screen

https://gerrit.wikimedia.org/r/482246

Change 482248 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Help panel: Add animation when opening the popup

https://gerrit.wikimedia.org/r/482248

Hiya - animations LGTM for desktop and mobile:
(open fullscreen to view animated gifs)

Desktop
Mobile