Skip to content

fix: restore breathing room between traffic lights and first tab (CORE-2312) - #3418

Open
jeanfbrito wants to merge 1 commit into
devfrom
fix/tab-strip-traffic-light-gap
Open

fix: restore breathing room between traffic lights and first tab (CORE-2312)#3418
jeanfbrito wants to merge 1 commit into
devfrom
fix/tab-strip-traffic-light-gap

Conversation

@jeanfbrito

@jeanfbrito jeanfbrito commented Jul 15, 2026

Copy link
Copy Markdown
Member

Summary

Follow-up to #3413 (CORE-2312 design review): the round-4 leading-padding reduction also shrank the breathing room between the macOS traffic lights and the first workspace tab.

Changes

  • Widen the traffic-light spacer (78px → 82px) so the gap after the traffic lights returns to its reviewed width (~18px), while keeping the 4px tab-area leading padding introduced in the design review.

Testing

  • npx tsc --noEmit, eslint clean
  • Verified on a live macOS build: first tab starts 18px after the traffic lights, matching the designer's "correct" reference screenshot

Summary by CodeRabbit

  • Bug Fixes
    • Adjusted expanded tab bar spacing for improved alignment.
    • Collapsed tab bars remain unchanged.

The round-4 leading-padding reduction also shrank the gap after the
macOS traffic lights; widen the traffic-light spacer so the gap
returns to its reviewed width while keeping the 4px tab-area padding.
@coderabbitai

coderabbitai Bot commented Jul 15, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Walkthrough

The TabBar traffic light spacer now uses an 82px width when expanded, while retaining a 0px width when collapsed.

Changes

Tab bar layout

Layer / File(s) Summary
Traffic light spacer width
src/ui/components/TabBar/styles.tsx
The non-collapsed TrafficLightSpacer width changes from 78px to 82px; the collapsed width remains 0px.

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

Suggested labels: type: bug

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
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.
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly describes restoring spacing between the traffic lights and the first tab, which matches the main change.

Warning

Review ran into problems

🔥 Problems

Errors were encountered while retrieving linked issues.

Errors (2)
  • CORE-2312: Request failed with status code 401
  • ROUND-4: Request failed with status code 401

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.

@github-actions

Copy link
Copy Markdown

@github-actions

Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant