Skip to content

regression: user menu avatar clipped by the section header - #42967

Merged
juliajforesti merged 1 commit into
developfrom
regression/user-menu-avatar-clipped
Oct 20, 2026
Merged

juliajforesti merged 1 commit into
developfrom
regression/user-menu-avatar-clipped

Conversation

@juliajforesti

@juliajforesti juliajforesti commented Oct 20, 2026 •

Copy link
Copy Markdown
Contributor

Proposed changes (including videos or screenshots)

ARCH-2572
Since #42818, the menu renders section titles with ItemGroupHeader and ItemGroupTitle instead of OptionTitle. ItemGroupTitle hides overflow. The user menu header still had negative block margins (-8px top, -4px bottom) that cancelled the old OptionTitle padding. Those margins pushed the avatar past the top of the title, so its top edge and rounded corners were cut off and the avatar looked square.

This PR removes those margins. The avatar now keeps its 36px rounded shape, and its inline offset is still 12px. The header now has the new group header's 4px block padding, so it sits 4px lower and has 4px more space below than before #42818.

Issue(s)

Regression from #42818. That change hasn't shipped in a release yet, so this PR has no changeset.

Steps to test or reproduce

  1. Open the user menu by clicking the avatar in the navbar.
  2. Check that the avatar in the menu header has its rounded corners and isn't clipped at the top.

Further comments

The migration also changed the display name's color from the default text color to the group header's secondary text color. This PR leaves that as is.

🤖 Generated with Claude Code

View guided diff

Summary by CodeRabbit

  • Bug Fixes
    • Improved spacing in the user menu header by removing unintended extra margins.

…on header

The user menu header sits in an `ItemGroupTitle`, which hides overflow. The negative block margins that offset the old `OptionTitle` padding pushed the avatar past its top edge, cutting its rounded corners.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@dionisio-bot

dionisio-bot Bot commented Oct 20, 2026 •

Copy link
Copy Markdown
Contributor

Looks like this PR is ready to merge! 🎉
If you have any trouble, please check the PR guidelines

@coderabbitai

coderabbitai Bot commented Oct 20, 2026 •

Copy link
Copy Markdown
Contributor

Review in Change Stack →

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration
  • Configuration used: Organization UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: c092a53f-1be2-4b07-8d74-78e08a8ac328
📥 Commits

Reviewing files that changed from the base of the PR and between ccdf32b and 91adbd4.

📒 Files selected for processing: 1
  • apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenuHeader.tsx

Included review availability: This review used your included allowance. Your plan provides up to 10 included reviews per hour; 9 remain after this review.

📜 Recent review details
⏰ Context from checks skipped due to timeout: 7
  • GitHub Check: Hacktron Security Check
  • GitHub Check: 🔨 Test UI (EE) / MongoDB 8.0 coverage (5/5)
  • GitHub Check: 🔨 Test UI (EE) / MongoDB 8.0 coverage (3/5)
  • GitHub Check: 🔨 Test UI (EE) / MongoDB 8.0 coverage (2/5)
  • GitHub Check: 🔨 Test UI (CE) / MongoDB 8.0 (1/4)
  • GitHub Check: 🔨 Test UI (EE) / MongoDB 8.0 coverage (4/5)
  • GitHub Check: 🔨 Test UI (EE) / MongoDB 8.0 coverage (1/5)
🔇 Additional comments: 1
apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenuHeader.tsx: 1

12-12: LGTM!

Walkthrough

The outer Box in UserMenuHeader no longer applies negative block-end or block-start margins. Its flex layout and minimum width remain unchanged.

Changes

User menu layout

Layer / File(s) Summary
Update header spacing
apps/meteor/client/navbar/NavBarSettingsToolbar/UserMenu/UserMenuHeader.tsx
The outer Box no longer sets negative block-end or block-start margins. Its flex layout and minimum width remain unchanged.

Priority: ⬇️ Low

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

Change: Bug fix

Suggested labels: type: bug

Suggested reviewers: tassoevan

Merge Risk: ⚪ Minimal · up to 91adb

The spacing change corrects the clipped avatar while preserving its size, horizontal alignment, and menu behavior.

Pre-merge checks: Passed 5
Check name Status Explanation
Description Check Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check Passed The title clearly identifies the user menu avatar clipping regression, which is the primary change addressed by removing the negative margins.
Docstring Coverage Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 1…
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.
Full details: Docstring Coverage

Explanation

No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 1 files.

  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Warning

Errors were encountered while retrieving linked issues.

Errors: 1
  • JIRA integration encountered authorization issues. Please disconnect and reconnect the integration in the CodeRabbit UI.

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.

✨ Finishing Touches: 💡 1
🛠️ Fix failing CI checks: 💡
  • Commit to this branch
  • Create a new PR

@changeset-bot

changeset-bot Bot commented Oct 20, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 91adbd4

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@codecov

codecov Bot commented Oct 20, 2026 •

Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 0% with 1 line in your changes missing coverage. Please review.
✅ Project coverage is 71.00%. Comparing base (ea1e345) to head (91adbd4).
⚠️ Report is 6 commits behind head on develop.

Additional details and impacted files

Impacted file tree graph

@@             Coverage Diff             @@
##           develop   #42967      +/-   ##
===========================================
+ Coverage    70.96%   71.00%   +0.03%     
===========================================
  Files         5426     5426              
  Lines       231296   231655     +359     
  Branches     42275    42334      +59     
===========================================
+ Hits        164133   164480     +347     
- Misses       61867    61878      +11     
- Partials      5296     5297       +1     
Flag Coverage Δ
e2e 58.95% <ø> (+0.06%) ⬆️
e2e-api 46.01% <ø> (+0.11%) ⬆️
unit 71.52% <0.00%> (-0.01%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@juliajforesti juliajforesti added this to the 8.10.0 milestone Oct 20, 2026
@juliajforesti
juliajforesti marked this pull request as ready for review October 20, 2026 20:43
@juliajforesti
juliajforesti requested a review from a team as a code owner October 20, 2026 20:43

@cubic-dev-ai cubic-dev-ai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

No issues found across 1 file

View guided diff | Re-trigger cubic

@ggazzo ggazzo added the stat: QA assured Means it has been tested and approved by a company insider label Oct 20, 2026
@dionisio-bot dionisio-bot Bot added the stat: ready to merge PR tested and approved waiting for merge label Oct 20, 2026
@juliajforesti
juliajforesti added this pull request to the merge queue Oct 20, 2026
Merged via the queue into develop with commit 1a93417 Oct 20, 2026
115 of 117 checks passed
@juliajforesti
juliajforesti deleted the regression/user-menu-avatar-clipped branch October 20, 2026 23:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

stat: QA assured Means it has been tested and approved by a company insider stat: ready to merge PR tested and approved waiting for merge type: bug

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants