Skip to content

Replace portfolio dock with top-right hamburger navigation - #40

Merged
ZulTheDev merged 1 commit into
mainfrom
fix/compact-portfolio-nav
Oct 8, 2026
Merged

ZulTheDev merged 1 commit into
mainfrom
fix/compact-portfolio-nav

Conversation

@ZulTheDev

@ZulTheDev ZulTheDev commented Oct 8, 2026 •

Copy link
Copy Markdown
Owner

Replaces the oversized/persistent portfolio dock with a compact hamburger button fixed to the top-right corner.

  • 50px desktop / 46px mobile hamburger control
  • animated hamburger → close icon
  • compact dropdown aligned below the icon
  • Home, Projects, Certifications, Education, Work and Contact links
  • quick Blog and CTF shortcuts
  • menu closes after selecting an in-page destination
  • removes the bottom-dock spacing from the portfolio/footer
  • keeps the pastel pink/cyan twilight visual system
  • uses native
    / semantics so no extra navigation state or dependency is required

@vercel

vercel Bot commented Oct 8, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
zul-portfolio-api Ready Ready Preview Oct 8, 2026 5:20pm UTC

@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Oct 8, 2026 •

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-10-08T17:21:40.664161Z 67f6774 PR opened
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@ZulTheDev
ZulTheDev merged commit d039f09 into main Oct 8, 2026
3 checks passed

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 67f6774713

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread client/src/style.css
@media(max-width:760px){
.portfolio-dock{
width:calc(100vw - 18px) !important;
max-height:58px !important;

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

P2 Badge Disable wrapping before capping the mobile dock

On narrow phones where the brand and link group exceed the dock width, the earlier @media(max-width:900px) { nav { flex-wrap:wrap; } } moves the links onto a second flex row. Capping the dock at 58px then turns its existing horizontal overflow into a tiny vertically scrollable/clipped two-row control rather than the intended horizontal scroller. Override the dock with flex-wrap:nowrap before applying this height cap.

Useful? React with 👍 / 👎.

@ZulTheDev ZulTheDev changed the title Fix oversized portfolio navigation card Replace portfolio dock with top-right hamburger navigation Oct 9, 2026

This branch was successfully deployed

1 active deployment
Preview — 67f67747 Deployed Oct 8, 2026 by vercel[bot]
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