Skip to content

Remove "hero" DIV Class and UI Change to Nav Dropdown#1505

Merged
meg-gutshall merged 10 commits into
Virtual-Coffee:mainfrom
FrancisTRAlt:Francis/Z-Index
May 26, 2026
Merged

Remove "hero" DIV Class and UI Change to Nav Dropdown#1505
meg-gutshall merged 10 commits into
Virtual-Coffee:mainfrom
FrancisTRAlt:Francis/Z-Index

Conversation

@FrancisTRAlt
Copy link
Copy Markdown
Contributor

@FrancisTRAlt FrancisTRAlt commented May 14, 2026

Linked Issue

Description

Remove the "hero" DIV element to fix the drop down z-index issue. This is the result shown below:

image

Additionally, remove the style inline code for visibility. Initially, the text is dark. Now the background of the drop down is white by default:

image

Methodology

There was an unnecessary div element that breaks the z-index's drop down visibility. Removed it without changing the order of the z-index. Additionally, on smaller screens, the text is hard to see when enabling the drop down. Remove the inline style for visibility.

Code of Conduct

By submitting this pull request, you agree to follow our Code of Conduct

@FrancisTRAlt FrancisTRAlt requested a review from a team as a code owner May 14, 2026 17:02
@netlify
Copy link
Copy Markdown

netlify Bot commented May 14, 2026

👷 Deploy Preview for virtual-coffee-io processing.

Name Link
🔨 Latest commit 08da63f
🔍 Latest deploy log https://app.netlify.com/projects/virtual-coffee-io/deploys/6a15f3c79c3abb0008644c62

@FrancisTRAlt FrancisTRAlt marked this pull request as draft May 14, 2026 17:02
@FrancisTRAlt FrancisTRAlt changed the title [WIP] Remove "hero" class and UI change to Nav Dropdown Remove "hero" DIV Class and UI Change to Nav Dropdown May 14, 2026
@FrancisTRAlt FrancisTRAlt marked this pull request as ready for review May 14, 2026 17:15
Copy link
Copy Markdown
Contributor

@meg-gutshall meg-gutshall left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you add one thing? When the dropdown is expanded, please have it collapse when the user clicks outside of the dropdown menu. After that, it will be ready to merge! Looks great so far!

@FrancisTRAlt
Copy link
Copy Markdown
Contributor Author

@meg-gutshall It is now implemented. Let me know if anything else!

Comment thread src/components/Nav.tsx Outdated
Copy link
Copy Markdown
Member

@JoeKarow JoeKarow left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The build is failing due to some typescript errors. These three changes should resolve them.

Comment thread src/components/Nav.tsx Outdated
Comment thread src/components/Nav.tsx Outdated
Comment thread src/components/Nav.tsx Outdated
FrancisTRAlt and others added 4 commits May 26, 2026 14:02
Co-authored-by: Joe Karow <58997957+JoeKarow@users.noreply.github.com>
Co-authored-by: Joe Karow <58997957+JoeKarow@users.noreply.github.com>
Co-authored-by: Joe Karow <58997957+JoeKarow@users.noreply.github.com>
@meg-gutshall meg-gutshall merged commit 232c31e into Virtual-Coffee:main May 26, 2026
5 checks passed
@FrancisTRAlt FrancisTRAlt deleted the Francis/Z-Index branch May 26, 2026 20:50
@FrancisTRAlt FrancisTRAlt restored the Francis/Z-Index branch May 29, 2026 00:29
@FrancisTRAlt FrancisTRAlt deleted the Francis/Z-Index branch May 29, 2026 00:42
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.

3 participants