Skip to content

Fix: Resolve About page dropdown z-index, update UI #938

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.

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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

akshay0611
Copy link
Contributor

Description

Fixes a critical usability issue on the About page where the navigation dropdown menu was non-functional due to a z-index problem. Also, this PR includes updates to the About page's UI to better align with the DevDisplay brand guidelines.

Related Issues

None

Changes Proposed

  • Fixed z-index issue: Added z-50 to the dropdown container's className to ensure it appears above other elements. Relevant code:

    className="absolute left-0 top-[calc(100%_+_24px)] w-96 rounded-lg border border-neutral-600 bg-gradient-to-b from-neutral-900 via-neutral-900 to-neutral-800 p-4 z-50"
  • UI/Branding Updates: Modified the About page's visual elements to better reflect the DevDisplay brand. This includes (but may not be limited to):

    • Color palette adjustments
    • Typography updates
    • Spacing refinements
    • Potential addition of new icons/elements (If applicable, specify what was added/changed.)

Checklist

  • I have read and followed the Contribution Guidelines.
  • All new and existing tests passed. (If applicable, mark as complete if you have tests, otherwise, leave it unchecked and explain in the "Note to reviewers" section)
  • I have updated the documentation to reflect the changes I've made. (If applicable, mark as complete. If the changes don't need documentation updates, leave it unchecked and explain in the "Note to reviewers" section)
  • My code follows the code style of this project.
  • The title of my pull request is a short description of the requested changes.

Screenshots

Before:
Screenshot 2025-05-12 at 1 00 09 PM

This screenshot clearly indicates that the navigation dropdown menu is non-functional and the UI does not align with the DevDisplay branding and logo.

After:
Screenshot 2025-05-12 at 1 20 59 PM

This screenshot shows the working navigation dropdown menu and UI enhancements that align with the DevDisplay branding and logo.

Note to reviewers

  • In addition to the described changes, I've also added comments to the code to improve readability and maintainability.

Copy link

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

Copy link

vercel bot commented May 12, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
devdisplay ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 12, 2025 7:55am

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

🎉 Incredible work, @akshay0611! 🚀

🔥 Welcome to DevDisplay — A space where developers and all the tech enthusiasts can connect, collaborate, code, create, and conquer in the tech ecosystem.

At DevDisplay, we don't just welcome contributors—we celebrate them! 🎊 Because here, your ideas matter. Your code matters. You matter. 🚀

💡 This isn't just about adding your profile. It's about making an impact, showcasing your skills, and standing out in the developer ecosystem.

Think of DevDisplay as your own project, not just another open-source contribution. We're not just a platform—we're a global movement redefining the tech space. Our vision is to be the go-to platform for developers and tech enthusiasts worldwide.

🚀 Innovation has no limits!
We encourage you to think beyond the ordinary. Got a revolutionary idea? Spot a gap in the tech world? DevDisplay can be the solution! We want contributors like you to dream big, build bold, and bring game-changing features to life.

🌍 DevDisplay is more than an open-source project. It's a global tech hub, a thriving community, and a platform where you can connect, collaborate, code, create, and conquer.

🔥 Keep pushing boundaries—we're just getting started!
If you put your 💯 into creating something exceptional, you could even join our Global Core Team and also you can lead DevDisplay as a Community Leader in your area, college, or university.


💡 Your issue is now in review!

  • Our maintainers will soon review your PR and provide feedback/suggestions. 🚀 Stay tuned, stay engaged, and get ready to bring your ideas to life! 💡

---

📢 Have ideas to improve DevDisplay? Let us know! We're always looking for innovative minds to shape the future of tech.

💬 Join the conversation. Grow with the community. You belong here. 🙌


📢 Join Our Global Developer Communities & Connect with Innovators:

📩 Need Help? Reach Out to the Team:

💻 Follow DevDisplay on Social Media & Stay Updated:

🔥 🌟 Thank You for Being Here!

Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

9 similar comments
Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

Copy link

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

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.

1 participant