We can use percentages instead of hardcoded pixels to adjust for all devices.
QA Results - Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | Different screen size device, and make sure the text box doesn’t conflict with the guide message box. here |
Description
Description
Details
Details
| Subject | Repo | Branch | Lines +/- | |
|---|---|---|---|---|
| Fix conflicting divs | mediawiki/extensions/Wikistories | master | +170 -168 |
Related Objects
Related Objects
Event Timeline
Comment Actions
Change 949991 had a related patch set uploaded (by Eamedina; author: Eamedina):
[mediawiki/extensions/Wikistories@master] Fix conflicting divs
Comment Actions
Change 949991 merged by jenkins-bot:
[mediawiki/extensions/Wikistories@master] Fix conflicting divs
Comment Actions
@hueitan and @eamedina The text box doesn’t conflict with the guide message box as seen from the screenshots below. I will move this to design signoff. Thanks for all your work again!
Status: ✅PASS
Environment: Beta: 1.41.0-alpha (7463ce2)
OS: macOS Sonoma 14.0, Windows 11
Browser: Chrome 117, Firefox 117, Safari 17, Edge 117
Device: MBA M2
Emulated Device:: BrowserStack for Edge
Test Links:
https://en.m.wikipedia.beta.wmflabs.org/wiki/Cat#
✅AC1: Different screen size device, and make sure the text box doesn’t conflict with the guide message box.
| Chrome- iPadMini | Chrome- Galaxy Fold | Chrome- Surface Duo | Chrome- iPhone 12 Pro |
 |  |  |  |
| FireFox- iPad Mini | Edge- Galaxy S20 Ultra | Safari- 750x1334 |
 |  |  |