Skip to content

fix: restore flex alignment for nav-group icons in sidebar#10625

Open
jd wants to merge 1 commit intomainfrom
devs/jd/worktree-icon-align-navbar/Ifb693f286fe2b4666c82e8b48f34e4d3fc13be06
Open

fix: restore flex alignment for nav-group icons in sidebar#10625
jd wants to merge 1 commit intomainfrom
devs/jd/worktree-icon-align-navbar/Ifb693f286fe2b4666c82e8b48f34e4d3fc13be06

Conversation

@jd
Copy link
Member

@jd jd commented Mar 20, 2026

The all: inherit on .nav-group-title h2 was resetting display to
block (inherited from the parent button), causing icons to align to
the text baseline instead of being vertically centered.

Co-Authored-By: Claude Opus 4.6 (1M context) noreply@anthropic.com

Copilot AI review requested due to automatic review settings March 20, 2026 08:30
@mergify mergify bot had a problem deploying to Mergify Merge Protections March 20, 2026 08:30 Failure
@mergify
Copy link
Contributor

mergify bot commented Mar 20, 2026

Merge Protections

Your pull request matches the following merge protections and will not be merged until they are valid.

🔴 🤖 Continuous Integration

This rule is failing.
  • all of:
    • check-success = lint
    • check-success = build
    • check-success = test
    • any of:
      • check-success = test-broken-links
      • label = ignore-broken-links
    • any of:
      • check-success=Cloudflare Pages
      • -head-repo-full-name~=^Mergifyio/

🔴 👀 Review Requirements

This rule is failing.
  • any of:
    • #approved-reviews-by >= 2
    • author = dependabot[bot]
    • author = mergify-ci-bot

🔴 🔎 Reviews

This rule is failing.
  • #review-requested = 0
  • #changes-requested-reviews-by = 0
  • #review-threads-unresolved = 0

🟢 Enforce conventional commit

Wonderful, this rule succeeded.

Make sure that we follow https://www.conventionalcommits.org/en/v1.0.0/

  • title ~= ^(fix|feat|docs|style|refactor|perf|test|build|ci|chore|revert)(?:\(.+\))?:

🟢 📕 PR description

Wonderful, this rule succeeded.
  • body ~= (?ms:.{48,})

Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR fixes sidebar nav-group icon vertical alignment by restoring flex layout on the .nav-group-title h2 element, which was unintentionally reset to display: block due to all: inherit.

Changes:

  • Re-applies display: flex, align-items: center, and gap to .nav-group-title h2 to ensure icons are vertically centered.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@mergify mergify bot requested a review from a team March 20, 2026 08:33
@jd jd marked this pull request as ready for review March 20, 2026 09:01
The `all: inherit` on `.nav-group-title h2` was resetting `display` to
`block` (inherited from the parent button), causing icons to align to
the text baseline instead of being vertically centered.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Change-Id: Ifb693f286fe2b4666c82e8b48f34e4d3fc13be06
Claude-Session-Id: 485ef05a-bcab-42bb-b918-04a964828180
@jd jd force-pushed the devs/jd/worktree-icon-align-navbar/Ifb693f286fe2b4666c82e8b48f34e4d3fc13be06 branch from cc490e4 to b1ac499 Compare March 20, 2026 09:12
@mergify mergify bot had a problem deploying to Mergify Merge Protections March 20, 2026 09:13 Failure
@jd jd requested a review from a team March 20, 2026 15:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

3 participants