Skip to content

Sidebar items styling - #5954

Closed
AviPeltz wants to merge 2 commits into
mainfrom
sidebar-items-styling
Closed

AviPeltz wants to merge 2 commits into
mainfrom
sidebar-items-styling

Conversation

@AviPeltz

@AviPeltz AviPeltz commented Jul 25, 2026 •

Copy link
Copy Markdown
Collaborator

Open in Stage

Summary by cubic

Polished dashboard sidebar item styling for better visual hierarchy. Unselected icons now use text-foreground/65 while labels use text-foreground; selected items unify both to text-foreground with bg-accent.

Also simplified hover states and applied the pattern to Workspaces, Automations, Tasks & PRs, and the add-workspace action.

Written for commit 16d1e2a. Summary will update on new commits.

Review in cubic

Summary by CodeRabbit

  • Style
    • Updated the expanded dashboard sidebar navigation styling for a more consistent appearance.
    • Improved active-route highlighting for Workspaces, Automations, and Tasks & PRs.
    • Refined inactive icon colors and hover backgrounds.
    • Updated the New Workspace button and icon styling.

AviPeltz added 2 commits June 5, 2026 03:07
Icons render at text-foreground/65 and text at text-foreground when
unselected, so the label reads stronger than the glyph. Selected items
unify both to text-foreground.
@ghost

ghost commented Jul 25, 2026

Copy link
Copy Markdown

Ready to review this PR? Stage has broken it down into 1 individual chapter for you:

Title
1 Update sidebar navigation item styling
Open in Stage

Chapters generated by Stage for commit 16d1e2a on Jul 25, 2026 6:30am UTC.

@coderabbitai

coderabbitai Bot commented Jul 25, 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: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: f813f597-2ba9-4af7-a1fa-7f1ee3a7e8bd

📥 Commits

Reviewing files that changed from the base of the PR and between 5f7b79f and 16d1e2a.

📒 Files selected for processing (1)
  • apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarHeader/DashboardSidebarHeader.tsx

📝 Walkthrough

Walkthrough

The expanded dashboard sidebar navigation buttons now use shared class composition with revised active, inactive, hover, and icon styling. The New Workspace button also uses updated text and icon colors.

Changes

Dashboard sidebar styling

Layer / File(s) Summary
Update navigation controls
apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarHeader/DashboardSidebarHeader.tsx
Workspaces, Automations, Tasks & PRs, and New Workspace controls use revised cn-based classes, active-state styling, hover behavior, and foreground colors.

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

Possibly related PRs

Suggested reviewers: saddlepaddle

🚥 Pre-merge checks | ✅ 3 | ❌ 2

❌ Failed checks (1 warning, 1 inconclusive)

Check name Status Explanation Resolution
Description check ⚠️ Warning The description only contains an auto-generated summary and omits the required What & why, How I tested it, and Checklist sections. Add the template sections and complete the checklist, including testing steps and whether the title follows conventional commits.
Title check ❓ Inconclusive The title is related to the change but is generic and doesn't use the repository's conventional commit format. Use a conventional commit like fix(desktop): refine dashboard sidebar item styling to make the change clear.
✅ Passed checks (3 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.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch sidebar-items-styling
⚔️ Resolve merge conflicts
  • Resolve merge conflict in branch sidebar-items-styling

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.

@AviPeltz AviPeltz closed this Jul 25, 2026
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