Skip to content

fix: vertically align nav arrow with p5 logo using flexbox#1430

Open
kiranShamsHere wants to merge 2 commits into
processing:mainfrom
kiranShamsHere:fix/arrow-vertical-alignment
Open

fix: vertically align nav arrow with p5 logo using flexbox#1430
kiranShamsHere wants to merge 2 commits into
processing:mainfrom
kiranShamsHere:fix/arrow-vertical-alignment

Conversation

@kiranShamsHere

Copy link
Copy Markdown

Closes #1295

Changes

  • Added align-items: center to .logo flex container on desktop
  • Removed manual margin-top: 7.5px from .desktopMenuLabel
  • Set height: 100% on logo anchor tag to prevent SVG collapse

Before

image

After

image

Testing

  • Verified on desktop viewport at localhost:4321/reference/
  • Arrow is vertically centered with p5 logo
  • Logo renders correctly with no collapse

@kiranShamsHere

Copy link
Copy Markdown
Author

Hi @doradocodes, I've opened a PR for this issue: #1430

The fix uses flexbox alignment (align-items: center) on the .logo container and removes the manual margin-top offset.

Before/after screenshots are included in the PR.

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.

[main & 2.0] Arrow in side navigation of the primary menu needs to be vertically aligned to the p5 logo

1 participant