Skip to content

Improve dashboard page mobile responsiveness and table display#459

Closed
samankwah wants to merge 1 commit intowmo-raf:mainfrom
samankwah:feature/dashboard-improvements
Closed

Improve dashboard page mobile responsiveness and table display#459
samankwah wants to merge 1 commit intowmo-raf:mainfrom
samankwah:feature/dashboard-improvements

Conversation

@samankwah
Copy link
Copy Markdown

No description provided.

@samankwah
Copy link
Copy Markdown
Author

Hi @Grace-Amondi

Thank you for the review. Here's a detailed changelog for this PR

  1. Mobile table horizontal scroll >>> Tables now scroll horizontally on mobile with sticky first column for better UX
  2. Table scroll wrapper >>> Dynamically wraps tables in scrollable container with touch support
  3. Sticky column via JavaScript >>> More reliable cross browser sticky positioning than CSS-only approach
  4. Navbar logo spacing >>> Added professional padding to prevent logo from touching screen edge on mobile view
  5. Navigation tabs centering >>> Centered navigation tags/buttons on all screen sizes
  6. Footer button responsiveness >>> Fixed button text overflow on mobile devices
  7. Emission scenario headers >>> Updated date ranges for Low/Medium/High emission scenarios
  8. Season → Category rename >>> Changes table header "Season" to "Category"
  9. Indicator row merging >>> Merges Temperature/Rainfall/Sea Level rows with rowspan

Suggestion
I can split this PR, submit only the general fixes to main repo and maintain Ghana-specific changes in our fork. Let me know your preference.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants