Skip to content

fix(docs): align navbar GitHub button height with Sign in button#1000

Open
Jordy-Baby wants to merge 1 commit into
mainfrom
design/navbar-github-button
Open

fix(docs): align navbar GitHub button height with Sign in button#1000
Jordy-Baby wants to merge 1 commit into
mainfrom
design/navbar-github-button

Conversation

@Jordy-Baby

@Jordy-Baby Jordy-Baby commented Jul 14, 2026

Copy link
Copy Markdown
Collaborator

Boxes the navbar GitHub button and pins it to the same height as the Sign in button so the two line up. Matches the boxed GitHub button on envio.dev.

  • GitHub button: bordered box, 36px, centred icon
  • Sign in: pinned to the same 36px height
  • Global navbar, so it applies across every docs page

Verified locally on desktop and mobile (both buttons render at exactly 36px, top/bottom aligned).

Summary by CodeRabbit

  • Style
    • Refined the GitHub navigation icon with a bordered, rounded 36×36 layout and updated hover effects.
    • Improved desktop “Sign in” button alignment and sizing while preserving its existing visual appearance.

@vercel

vercel Bot commented Jul 14, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
envio-docs Ready Ready Preview, Comment Jul 14, 2026 3:55pm

Request Review

@coderabbitai

coderabbitai Bot commented Jul 14, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 3f2fa6c0-8923-4352-9f65-9c2037b57050

📥 Commits

Reviewing files that changed from the base of the PR and between 61aa321 and a9e9ead.

📒 Files selected for processing (1)
  • src/css/custom.css

📝 Walkthrough

Walkthrough

Updated navbar CSS for the GitHub icon link and desktop sign-in button, including dimensions, alignment, borders, hover behavior, icon sizing, and transitions.

Changes

Navbar control styling

Layer / File(s) Summary
Navbar control layout and interaction styling
src/css/custom.css
The GitHub link now uses a centered 36×36 bordered box with a 20×20 icon and revised hover colors; the sign-in button uses centered inline-flex layout, a 36px height, and updated padding.

Estimated code review effort: 1 (Trivial) | ~3 minutes

Suggested reviewers: dzakh

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly reflects the main navbar change: matching the GitHub button height to the Sign in button.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@Jordy-Baby Jordy-Baby requested a review from nikbhintade July 14, 2026 18:06
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