[PR #13] [MERGED] style(frontend): match chat bubble border to agent circle style and double size #12

New issue

Closed

opened 2026-08-09 19:08:14 +02:00 by zaph0d · 0 comments

zaph0d commented

2026-08-09 19:08:14 +02:00

Owner

📋 Pull Request Information

Original PR: https://github.com/niels-emmer/nanoclaw-dashboard/pull/13
Author: @niels-emmer
Created: 7/26/2026
Status: ✅ Merged
Merged: 7/26/2026
Merged by: @niels-emmer

Base: main ← Head: feature/chat-bubble-agent-circle-style

📝 Commits (2)

800523d style(frontend): match chat bubble border to agent circle style
c94cf27 style(frontend): double chat bubble size for more message space

📊 Changes

2 files changed (+8 additions, -14 deletions)

View changed files

📝 frontend/src/App.css (+2 -3)
📝 frontend/src/components/FlowCanvas.tsx (+6 -11)

📄 Description

Changes

Chat bubble border — replaced thin faint border + colored left accent with a 3px solid white border, matching the agent circle (.node-core) stroke style
Removed unused accentColor variable and inline borderLeftColor style from FlowCanvas.tsx
Bubble size — doubled dimensions from 220×88 to 440×160 for more message space, with updated positioning and line-clamp raised from 3 to 6

Files changed

frontend/src/App.css
frontend/src/components/FlowCanvas.tsx

Verification

TypeScript compiles cleanly
Vite production build succeeds

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/niels-emmer/nanoclaw-dashboard/pull/13 **Author:** [@niels-emmer](https://github.com/niels-emmer) **Created:** 7/26/2026 **Status:** ✅ Merged **Merged:** 7/26/2026 **Merged by:** [@niels-emmer](https://github.com/niels-emmer) **Base:** `main` ← **Head:** `feature/chat-bubble-agent-circle-style` --- ### 📝 Commits (2) - [`800523d`](https://github.com/niels-emmer/nanoclaw-dashboard/commit/800523d92d03d3249249c99c265d190643497c59) style(frontend): match chat bubble border to agent circle style - [`c94cf27`](https://github.com/niels-emmer/nanoclaw-dashboard/commit/c94cf27cac069e743ebd97fa88f3cfff0bb80b31) style(frontend): double chat bubble size for more message space ### 📊 Changes **2 files changed** (+8 additions, -14 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/App.css` (+2 -3) 📝 `frontend/src/components/FlowCanvas.tsx` (+6 -11) </details> ### 📄 Description ### Changes - **Chat bubble border** — replaced thin faint border + colored left accent with a 3px solid white border, matching the agent circle (`.node-core`) stroke style - **Removed** unused `accentColor` variable and inline `borderLeftColor` style from `FlowCanvas.tsx` - **Bubble size** — doubled dimensions from 220×88 to 440×160 for more message space, with updated positioning and line-clamp raised from 3 to 6 ### Files changed - `frontend/src/App.css` - `frontend/src/components/FlowCanvas.tsx` ### Verification - [x] TypeScript compiles cleanly - [x] Vite production build succeeds --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

zaph0d

2026-08-09 19:08:14 +02:00

closed this issue
added the
pull-request
label

zaph0d referenced this issue

2026-08-09 19:08:14 +02:00

[PR #12] [MERGED] feat: enrich agent cards with direction, TO/FR tracking, and event type prefix #13

No labels

pull-request

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

github-mirrors/nanoclaw-dashboard#12

No description provided.

Rows
Columns