Page MenuHomePhabricator

History icon not completely visible in smaller screen devices
Closed, ResolvedPublic2 Estimated Story Points

Description

Note: Possibly should be merged with T233172 which is impacted by the same problem

The history icon shown at the end of the page near the last edited information is not completely visible in smaller screen devices.

Screen shot

Environments observed

Browser: Firefox 68.2.1
Browser window size: 320x452 (measured using howbigismybrowser.com)
Android OS versions: 5.1.1
Device model: Samsung Galaxy j1 ace
Device language: English

QA Steps

Environment: beta-cluster
Goal: Verify that at very narrow widths, the clock icon at the bottom of article pages is not cut off.
Test cases: Mobile devices with very small screens. Desktop browsers at very narrow widths.

QA Results

ACStatusDetails
1T238681#5741207

Event Timeline

I’ll note that in my case (the duplicate task) both icons are cut off (the arrow too), and by a much larger amount.

Change 554389 had a related patch set uploaded (by Jdrewniak; owner: Jdrewniak):
[mediawiki/skins/MinervaNeue@master] Adding min-width/min-height to icon sizes

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

Jdrewniak added a subscriber: ovasileva.
ovasileva set the point value for this task to 2.Dec 4 2019, 6:31 PM

Change 554389 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Adding min-width/min-height to icon sizes

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

Edtadros subscribed.

Test Result

Status: ✅ PASS
OS: macOS Catalina
Browser: Chrome
Device: MBP
Emulated Device: iPhoneX

Test Artifact(s):

QA Steps

Environment: beta-cluster

✅AC1: Goal: Verify that at very narrow widths, the clock icon at the bottom of article pages is not cut off.
Test cases: Mobile devices with very small screens. Desktop browsers at very narrow widths.

Tested with 320 pixel width

T238681-1.png (904×640 px, 81 KB)

Tested with 150 pixel width

T238681-2.png (1×300 px, 74 KB)