Skip to content

fix(web): clean up chat header project name styling#1308

Open
Marve10s wants to merge 1 commit intopingdotgg:mainfrom
Marve10s:fix/chat-header-project-name-styling
Open

fix(web): clean up chat header project name styling#1308
Marve10s wants to merge 1 commit intopingdotgg:mainfrom
Marve10s:fix/chat-header-project-name-styling

Conversation

@Marve10s
Copy link
Contributor

@Marve10s Marve10s commented Mar 22, 2026

Summary

Replaced the bordered Badge component with plain text for the project name in the chat header, removing visual clutter
Added an en-dash separator between the thread title and project name for clearer hierarchy
Replaced the bordered "No Git" badge with plain text to match

I think the current production version has spacing issues and doesn't look good. However, this PR is just a design change that is completely up to you as the owners.

Attached is a screenshot - the top is this PR's version and the bottom is the current one.|

image

Bigger screenshots :

Old:
image
New:
image


Note

Low Risk
Low risk visual-only change in ChatHeader that adjusts markup/styling without altering data flow or behavior.

Overview
Simplifies the chat header display by replacing the project name and "No Git" Badge UI with plain text, reducing visual clutter.

Adds an en-dash separator between the thread title and project name and tweaks text styling to improve hierarchy and spacing.

Written by Cursor Bugbot for commit 109dcf4. This will update automatically on new commits. Configure here.

Note

Replace Badge components with inline spans for project name in ChatHeader

Replaces Badge usages in ChatHeader.tsx with plain span elements. The project name now renders as muted, truncating inline text preceded by a separator glyph, and the "No Git" label becomes a plain span with matching text size and color classes.

Macroscope summarized 109dcf4.

@coderabbitai
Copy link

coderabbitai bot commented Mar 22, 2026

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 417205a6-3633-416b-bbe9-8d0fd952e7b6

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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 and usage tips.

@github-actions github-actions bot added size:S 10-29 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list. labels Mar 22, 2026
Replace the bordered Badge with plain text for the project name and
"No Git" indicator. Add an en-dash separator between the thread title
and project name for clearer visual hierarchy.
@Marve10s Marve10s force-pushed the fix/chat-header-project-name-styling branch from 6e5164e to 109dcf4 Compare March 24, 2026 12:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:S 10-29 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant