Page MenuHomePhabricator

[BUG] Quote boxes not centred/displayed at the right size in articles
Closed, ResolvedPublicBug

Description

From OTRS: https://ticket.wikimedia.org/otrs/index.pl?Action=AgentTicketZoom;TicketID=11001047

Dear person,

I've noticed a readability bug on the following version of the app while using the Samsung Galaxy note 9. The version is 2.7.269-r-2018-12-11. I've added a screenshot to show the bug.

Sincerely,

Nick


Actual behaviour

(See T217526#4997438)

Event Timeline

Restricted Application changed the subtype of this task from "Deadline" to "Task". · View Herald Transcript
Restricted Application added a subscriber: Aklapper. · View Herald Transcript
Jhernandez added a subscriber: Jhernandez.

Can someone attach the screenshot and any URLs of production pages where the issue happens?

Charlotte added a comment.EditedMar 4 2019, 11:00 AM

Behold. (Edited to add: I asked the user exactly what article this is on. Awaiting reply.)

Tacsipacsi added a subscriber: Tacsipacsi.

Behold. (Edited to add: I asked the user exactly what article this is on. Awaiting reply.)

Based on the screenshot, it’s https://en.wikipedia.org/wiki/Calculus#Modern. The quote box is specified in the article to be 30em wide. Either this parameter should be removed, or the template should include a max-width rule. (This is not an app issue, it affects everything with small screen, including MobileFrontend and responsive skins like Timeless.)

Jhernandez added a subscriber: ovasileva.

@ovasileva This is probably a bug on mobile web too?

phuedx updated the task description. (Show Details)Mar 14 2019, 5:22 PM
phuedx updated the task description. (Show Details)

This appears to have been fixed in https://en.wikipedia.org/w/index.php?title=Calculus&type=revision&diff=887407355&oldid=886050145, which is the fix that @Tacsipacsi proposed in T217526#5012719.

@charlotteportero: Can you confirm this and update the task as necessary?

@ovasileva This is probably a bug on mobile web too?

I believe not. The template in question seems to have narrow-screen-friendly styles (see https://en.wikipedia.org/wiki/Template:Quote_box/styles.css).

phuedx moved this task from Needs triage to Triaged on the Mobile board.Mar 14 2019, 5:46 PM
TheDJ changed the subtype of this task from "Task" to "Bug Report".Mar 14 2019, 8:46 PM