Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

IGVF-32 Update mobile header #14

Merged
merged 8 commits into from
Mar 23, 2022
Merged

IGVF-32 Update mobile header #14

merged 8 commits into from
Mar 23, 2022

Commits on Mar 23, 2022

  1. Resize logo on Safari. Change navigation color to brand color on mobi… 

    …le, and logo and hamburger menu to white on mobile. Change the Tailwind CSS config to use “brand-color” instead of “logo-color.”

Converted Tailwind CSS config to use a class for dark mode, and added code to sense the user changing between dark and light mode. Starting to use CSS variables for theming. Will work on theming in the next commit in this branch.

Extract code to manage dark mode Tailwind CSS classes to a library.

Add tests and mocks for the dark-mode manager.

Implement Jest tests for OS dark mode.

Remove forgotten .only() to test for more coverage.

Update package.json for the latest versions of packages. Update comments from this branch’s changes.
    forresttanaka committed Mar 23, 2022
    Configuration menu
    Copy the full SHA
    56b953d View commit details
    Browse the repository at this point in the history

  2. IGVF-32-mobile-header 

    Add mobile menu navigation.
    forresttanaka committed Mar 23, 2022
    Configuration menu
    Copy the full SHA
    f71aac7 View commit details
    Browse the repository at this point in the history

  3. IGVF-32-mobile-header 

    Add Cypress tests for the mobile menu.
    forresttanaka committed Mar 23, 2022
    Configuration menu
    Copy the full SHA
    dc9241a View commit details
    Browse the repository at this point in the history

  4. IGVF-32-mobile-header 

    Correct Cypress mobile menu test.
    forresttanaka committed Mar 23, 2022
    Configuration menu
    Copy the full SHA
    a96d17a View commit details
    Browse the repository at this point in the history

  5. IGVF-32-mobile-header 

    Only include .container class beyond mobile so that the navigation header can span across the entire viewport width.
    forresttanaka committed Mar 23, 2022
    Configuration menu
    Copy the full SHA
    bf7895f View commit details
    Browse the repository at this point in the history

  6. IGVF-32-mobile-header 

    Use light and dark themes in Tailwind configuration.
    forresttanaka committed Mar 23, 2022
    Configuration menu
    Copy the full SHA
    5655499 View commit details
    Browse the repository at this point in the history

  7. IGVF-32-mobile-header 

    Change dark highlight color
    forresttanaka committed Mar 23, 2022
    Configuration menu
    Copy the full SHA
    59b633d View commit details
    Browse the repository at this point in the history

  8. IGVF-32-mobile-header 

    Update navigation colors for mobile.
    forresttanaka committed Mar 23, 2022
    Configuration menu
    Copy the full SHA
    d035b47 View commit details
    Browse the repository at this point in the history