Page MenuHomePhabricator

There is not enough space for the message about multiple notifications
Closed, ResolvedPublic

Description

Screenshot of the bug

This was reported at
https://pt.wikipedia.org/wiki/Wikipédia_Discussão:Notificações?diff=37146528

Multiple notifications: when there is a large number of notifications
they appears like this: http://imgur.com/ftRQuvA.

It is necessary to open the image and see it, since I don't even known
how to describe the errror. --TheVulcan

I believe he is referring to the fact that the (Portuguese) translation of the message "echo-overlay-title-overflow" ("<b>Notificações</b> (a mostrar $1 de $2 não lidas)") is not completely visible, since it overlaps with the button labeled by "echo-mark-all-as-read".


Version: master
Severity: minor
Whiteboard: gci2013
URL: https://google-melange.appspot.com/gci/task/view/google/gci2013/5910326641950720

Attached:

ftRQuvA.png (97×463 px, 10 KB)

Details

Reference
bz55919

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 22 2014, 2:18 AM
bzimport set Reference to bz55919.
bzimport added a subscriber: Unknown Object (MLST).

The button's CSS probably needs changing from position: absolute;
to float: right; (or something similarly simple).

The WMF core features team tracks this bug on Mingle card https://mingle.corp.wikimedia.org/projects/flow/cards/333, but people from the community are welcome to contribute here and in Gerrit.

Small hint for anybody trying to reproduce the problem: Adding the URL parameter

?uselang=xy

to the URL of a wikipage (e.g. on Wikipedia or mediawiki.org) displays the page in the language with the corresponding language code xy. This could be helpful in order to get a user interface with long strings (de, fr, pt) or in right-to-left (RTL) languages (fa, he, ar).

Change 98253 had a related patch set uploaded by M4tx:
Prevent "Mark as read" and title-overflow text from overlapping

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

Created attachment 13940
Screenshot of the extension after the patch

Attached:

wrap.png (542×551 px, 43 KB)

I submitted a screenshot showing the extension after my patch. I forced showing the button for testing purpsoses.

Change 98253 merged by jenkins-bot:
Prevent "Mark as read" and title-overflow text from overlapping

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