Page MenuHomePhabricator

Task card difficulty label displayed cutoff on screens width below 375
Closed, ResolvedPublic

Description

The issue is present for both - "Add links" and "Add image" tasks.
"mw-ge-small-task-card-tasktype-difficulty-medium" label will be displayed cutoff on screens <375

Screen Shot 2021-11-16 at 1.39.38 PM.png (1×736 px, 123 KB)

Note: according to some stats on most common mobile screen resolution, 360 is the most common width.

Event Timeline

Etonkovidova renamed this task from Add image - task card difficulty label displayed cutoff on screens width below 375 to Task card difficulty label displayed cutoff on screens width below 375.Nov 16 2021, 9:57 PM
Etonkovidova updated the task description. (Show Details)

It looks like this is a regression from the change to vertically center the text T269659: Add a link: post-edit dialog. The text should have ellipses if it overflows.

Change 739376 had a related patch set uploaded (by MewOphaswongse; author: MewOphaswongse):

[mediawiki/extensions/GrowthExperiments@master] Suggested Edits: Apply ellipsis to task name in SmallTaskCard

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

Change 739376 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Suggested Edits: Apply ellipsis to task name in SmallTaskCard

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