Page MenuHomePhabricator

[BUG] Temperature charts don't line up on mobile web or iOS
Open, Needs TriagePublic


How many times were you able to reproduce it?

Steps to reproduce

  1. Open the article for "Philadelphia" (or any city with a climate chart)
  2. Scroll to the "Climate" section under "Geography"
  3. Observe the temperature chart

Expected results

Months line up with temperatures, similar to viewing on desktop:

Actual results

Mobile web:

iOS app:

Event Timeline

JoeWalsh created this task.Jun 15 2018, 4:33 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 15 2018, 4:33 PM

^ it's an HTML table, the tds in the row with the headers are much narrower than the ones in the row with the temperatures

JoeWalsh added a comment.EditedJun 15 2018, 5:04 PM

The month cells are

The temperature cells are:
<td><div style="width:1.5em;height:17em;position:relative;padding:0;margin:0">...content...</div></td>

Changing the month cells to:
<td><div style="width:1.5em;>J</div></td>

Seems to fix the issue and not break desktop. So it seems the best fix might be to update the template?

JMinor added a subscriber: JMinor.Jun 21 2018, 9:29 PM

Hey @JoeWalsh I asked around and the general advice was to post something on the templates talk page first. Since this is technically a change to the content, we should ask the volunteers watching to make the change. If nothing happens in a week or two, let me know.

Vvjjkkii renamed this task from [BUG] Temperature charts don't line up on mobile web or iOS to ntaaaaaaaa.Jul 1 2018, 1:03 AM
Vvjjkkii triaged this task as High priority.
Vvjjkkii updated the task description. (Show Details)
Vvjjkkii removed a subscriber: Aklapper.
CommunityTechBot renamed this task from ntaaaaaaaa to [BUG] Temperature charts don't line up on mobile web or iOS.Jul 2 2018, 4:56 AM
CommunityTechBot raised the priority of this task from High to Needs Triage.
CommunityTechBot updated the task description. (Show Details)
CommunityTechBot added a subscriber: Aklapper.