Page MenuHomePhabricator

[BUG] Newcomer tasks: Overflowing text on guidance screen panel header when difficulty label is too long
Closed, ResolvedPublicBUG REPORT

Description

The task difficulty text should not overflow onto two lines.

Actual:
image.png (370×656 px, 28 KB)
Expected
image.png (260×570 px, 18 KB)

Suggested changes to CSS to achieve this might be to add the following:

.suggested-edits-difficulty-time-estimate{
  flex-wrap: wrap;
}

.suggested-edits-difficulty-level{
  padding-left:4px;  /* changed from padding-left:10px; */
}

Event Timeline

Restricted Application changed the subtype of this task from "Task" to "Bug Report". · View Herald TranscriptJun 4 2020, 9:19 PM
Restricted Application added a subscriber: Aklapper. · View Herald Transcript

Change 607470 had a related patch set uploaded (by Gergő Tisza; owner: Gergő Tisza):
[mediawiki/extensions/GrowthExperiments@master] Overflowing text on guidance screen panel header when difficulty label is too long

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

Change 607470 merged by jenkins-bot:
[mediawiki/extensions/GrowthExperiments@master] Overflowing text on guidance screen panel header when difficulty label is too long

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

Checked in betalabs (desktop and mobile too):
Desktop - the wide panel

Screen Shot 2020-06-26 at 11.27.32 AM.png (556×515 px, 72 KB)

the narrow panel

with scrollingwithout scrolling
Screen Shot 2020-06-26 at 6.02.16 PM.png (569×327 px, 56 KB)
Screen Shot 2020-06-26 at 2.58.07 PM.png (547×323 px, 46 KB)

Thanks, double-checked on Desktop and Mobile and LGTM too.