Skip to content

refine tab styling narrow desktop and mobile

Hayley Corson-Doschrequested to merge
hcorson-dosch/earth-in-flux:refine_tab_styles into main

Description

Refines how tabs are style on narrow desktop screens, tablet screens, and mobile devices

Changes Made

Screen Previously Now
Narrow desktop image image
Tablet image image
Mobile image image

How to Test

Provide instructions and/or code necessary to test the changes.

Review Needs

Does this MR include data processing, modeling, or visualization code that will require domain review prior to release?

  • Yes, and I have opened an issue to document the need for review, using the DomainReview issue template
  • Yes, and a domain review issue already exists
  • No

Related Issues

Fixes #57 (closed)

Additional Notes

Include any extra information or considerations for reviewers.

Merge Request Checklists

  • Code changes adhere to best practices documented in README.md
  • Code has been cleaned the way Vue likes it - run npm run lint --fix
  • If applicable, the need for future domain review has been documented in an issue
  • Below section documents which browsers the site has been tested on:
    • Desktop/laptop
      • Chrome
      • Safari
      • Edge
      • Firefox
    • Mobile device
      • Chrome
      • Safari
      • Edge
      • Firefox

Merge request reports