Tooltip content not nicely formatted when variable name is long and a time notice is displayed

[sophiamersmann]

The tooltip content is weirdly formatted when the variable name is long and a time notice is displayed.

Steps to reproduce

Steps to reproduce the behavior:

1. Go to https://ourworldindata.org/explorers/coronavirus-data-explorer?zoomToSelection=true&facet=none&country=BHR~BRA~CHL~FRA~DEU~HUN~IND~ISR~SRB~TUR~GBR~USA~URY~ESP~ITA~ARE~MEX~RUS&pickerSort=desc&pickerMetric=population&hideControls=true&Interval=Cumulative&Relative+to+Population=true&Color+by+test+positivity=false&Metric=People+vaccinated+%28by+dose%29
2. Hover over the "Italy" bar
3. Note that the tooltip content is not formatted nicely

Screenshots

[ikesau]

@samizdatco is this just a matter of some max-widths here and there? famous last words but that seems simple enough?

[parthiv360]

Hey @sophiamersmann can I work on this issue?

[sophiamersmann]

Sure!

[parthiv360]

Hey @sophiamersmann can you please suggest how to traverse to this page in localhost. Thank you

[ikesau]

If your localhost route isn't loading for you (or any explorer, for that matter) you might be missing https://github.com/owid/owid-content

Clone it into the same directory that contains this repo and then restart your local server 🙂

[parthiv360]

Okay Thanks.

[parthiv360]

Hey @ikesau I have gone through this issue and was trying to correct it. I have tracked the pages were the potential changes need to be done.

I have a confusion that do I need to change the container size to adjust the time or adjust the time or something keeping the size of container fixed.

Or can you please suggest any particular solution that I can implement.

Thank you.

[parthiv360]

Hey @sophiamersmann I have raised a PR. Can you please review it and suggest any changes required? Thank you.

[github-actions]

This issue has had no activity within 10 months. It is considered stale and will be closed in 7 days unless it is worked on or tagged as pinned.