Page MenuHomePhabricator

ArticleInfo - Top Editors pie chart legends are not mobile-friendly
Open, Needs TriagePublicBUG REPORT

Description

On mobile (or small viewport), the legend to the right of the "Top 10 by edits" and "Top 10 by added text" is squished up against the right. It should wrap and be shown below the chart.

Example: https://xtools.wmflabs.org/articleinfo/en.wikipedia.org/Hanksy#top-editors, then reduce the size of the browser window.

CSS for this tool is at https://github.com/x-tools/xtools/blob/master/web/static/css/articleinfo.scss

I'm pretty sure there is a flexbox-y way to make it wrap, but you could probably also throw some simple CSS in the @media (max-width: $bootstrap-sm) { block.

Event Timeline

MusikAnimal added a project: good first task.
Restricted Application added a subscriber: TerraCodes. · View Herald TranscriptNov 15 2017, 7:49 PM
MusikAnimal renamed this task from Edit Counter - Top Editors pie chart legends are not mobile-friendly to ArticleInfo - Top Editors pie chart legends are not mobile-friendly.Nov 15 2017, 8:08 PM
MusikAnimal updated the task description. (Show Details)
MusikAnimal updated the task description. (Show Details)Nov 15 2017, 8:12 PM
MusikAnimal moved this task from Backlog to Other on the XTools board.Dec 4 2017, 12:30 AM
MusikAnimal moved this task from Other to Page History on the XTools board.Dec 6 2018, 9:30 AM
MusikAnimal changed the subtype of this task from "Task" to "Bug Report".Mar 20 2019, 7:32 AM