dallassoftwaredevelopers/DSDsite

chore: navbar in mobile view functionality and styling (WEB-22)

Closed this issue · 7 comments

The navbar in mobile view when clicked is moved to the center of the navbar and the buttons are not styled.

When the navbar is clicked, the hamburger menu should move to the center but transform into an X.
All buttons should be the same color as the desktop view.
font-size of 12px
No underlines and the meetup link should be the same size of 12px.

If you have any questions please reach out or check out the figma doc in the readme.

How it should be
image

Current functionality
image

I created the PR for this issue , please check

As we have not heard back from Anureng, this ticket is still open

I'll work on this! ^^

@choir27 let me know if you want any help with this

@ryandotfurrer thanks man, I appreciate it! :D

@TheDThompsonDev I noticed in the Figma, the nav bar is aligned more to the left versus the DSD Logo, the X nav menu button, and the mobile nav being evenly aligned.

Also could I be added as a contributer so I am able to push with my respective WEB-22 branch?

Figma Example:
Screenshot 2024-03-21 144001

The current website:
Screenshot 2024-03-21 144032

On mobile, did you want to keep the spacing as it currently is, or did you want to have the spacing be similar to what is currently being shown on Figma?

contributors are added automatically once their PR is merged to main. The pipeline has that process automatically built into it.

I will message you on Discord because I do not think I understand what is being asked here specifically.