Skip to content
This repository was archived by the owner on May 4, 2024. It is now read-only.

Comments

PR to fix Issue #29 - Mobile menu not respecting device viewport#35

Open
ryandotfurrer wants to merge 9 commits intofullstack-chat:mainfrom
ryandotfurrer:main
Open

PR to fix Issue #29 - Mobile menu not respecting device viewport#35
ryandotfurrer wants to merge 9 commits intofullstack-chat:mainfrom
ryandotfurrer:main

Conversation

@ryandotfurrer
Copy link
Member

I confirmed that the Navbar ul change from 100vh to 100dvh worked.
The issue can be closed out.

Ryan Furrer added 2 commits September 1, 2023 16:55
- installed gatsby cli
- performed `npm run`
- installed react-icons
- performed `npm audit fix` and `npm fund`
Changed ul height from 100vh to 100dvh.

Fix could not be tested just yet due to "on your network" not working on my phone. Will try again when I get home.
@ryandotfurrer ryandotfurrer changed the title PO to fix Issue #29 PO to fix Issue #29 - Mobile menu not respecting device viewport Sep 1, 2023
@ryandotfurrer
Copy link
Member Author

#29

@ryandotfurrer ryandotfurrer changed the title PO to fix Issue #29 - Mobile menu not respecting device viewport PR to fix Issue #29 - Mobile menu not respecting device viewport Sep 1, 2023
Ryan Furrer and others added 6 commits September 1, 2023 18:00
- font-family to "font-sans"
- margin to "m-0"
- padding to "p-0"
- line-height to "leading-normal"
- background-color to "bg-zinc-900"
The <H1 /> component was created to keep styling consistent across the board.

It has one Prop named "heading," which has a type of string.
To serve as a template for any external link needed, since any internal links use the <Link /> API in Gatsby.

The <ExternalLink /> Component looks for two props, "href" and "textToShow" both of which are strings.

Since you only use this for external links, opening in a new tab is assumed, as well as limiting the trackers using the "rel" attribute.

Lastly, state is used to help toggle the appropriate styles.

Removed redundant styles in global.css with the creation of this component.
- href was not passed as a prop, thus `<ExternalLink />` was not passing through anything.
- Changed the navbar Blog link from `a` to `ExternalLink` component.
- any internal link will now close the mobile menu upon click
- working on a fix for the `ExternalLink` component.
@bmorrisondev
Copy link
Contributor

@ryanfurrer can you merge in main and resolve merge conflicts? I'll give it a review then, thanks!

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants