Background
This task address fixing visual spacing issues with the new donate button on MinervaNeue.
User story
As a Wikimedia reader, I expect the sidebar menu items on mobile Wikipedia to have consistent alignment and spacing .
Requirements
- Adjust the animation spacing so that the space between the animation and the right edge of the menu remains consistent across different resolutions. The space between the text and the illustration should increase at higher resolutions.
BDD
Scenario 1: Animation spacing adjusts correctly at different resolutions
Given I am viewing the page at a smaller resolution
When I observe the animation placement
Then The space between the animation and the right edge of the menu should remain consistent
Test Steps
Test Case 1: Verify Donation banner animation spacing
- AC1: Verify that, in an incognito window, the spacing behaves correctly at various resolutions.
Design
Acceptance criteria
- The animation maintains consistent spacing at different resolutions.
QA Results - Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T388443#10629360 |
QA Results -Prod
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T388443#10644954 |
This task was created by Version 1.2.0 of the Web team task template using phabulous
