ramp4-pcar4 / story-ramp

Storytelling with interactive maps using RAMP

MIT License

4 stars 14 forks source link

fix title overlapping y-axis; reposition carousel buttons #452

Closed RyanCoulsonCA closed 1 month ago

RyanCoulsonCA commented 1 month ago

Related Item(s)

446 #447

Changes

Repositioned the carousel buttons so that they no longer overlap elements below the carousel
Resized chart title text on smaller screen sizes so the title shouldn't overlap the chart data
Removed a bunch of x-margin so the charts take up more width on smaller screens
Added a y-overflow to charts so the legend doesn't get cut off

Testing

Steps:

Open the demo page on a small screen.
Ensure chart titles are not overlapping charts
Ensure the charts are taking up a reasonable width within the panel
Ensure that the carousel buttons are not overlapping the text below

This change is

github-actions[bot] commented 1 month ago

Your demo site is ready! 🚀 Visit it here: https://ramp4-pcar4.github.io/story-ramp/fix-446/#/en/00000000-0000-0000-0000-000000000000