agents-orchestrator/agent-orchestrator
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(electrobun): remove message gap for gapless timeline lines, add user bubble margin

Browse source
This commit is contained in:
Hibryda 2026-03-20 04:40:00 +01:00
parent 9a1195a964
commit 54d6f0b94a
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
ui-electrobun/src/mainview/AgentPane.svelte
View file

@ -111,7 +111,7 @@
{#each messages as msg, idx (msg.id)} {#each messages as msg, idx (msg.id)}
{@const isFirst = idx === 0} {@const isFirst = idx === 0}
{@const isLast = idx === messages.length - 1} {@const isLast = idx === messages.length - 1}
{@const isTimeline = msg.role !== 'user'} <!-- timeline rows have no gap; user bubbles get margin -->
<div class="msg-row msg-animated"> <div class="msg-row msg-animated">
{#if msg.role === 'user'} {#if msg.role === 'user'}
<div class="user-bubble">{msg.content}</div> <div class="user-bubble">{msg.content}</div>
@ -249,7 +249,7 @@
padding: 1.25rem 1.25rem 2.5rem; padding: 1.25rem 1.25rem 2.5rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.625rem; gap: 0; /* No gap — timeline lines must connect between rows */
} }
.messages-scroll::-webkit-scrollbar { width: 0.25rem; } .messages-scroll::-webkit-scrollbar { width: 0.25rem; }
@ -295,6 +295,7 @@
border: 1px solid var(--ctp-surface1); border: 1px solid var(--ctp-surface1);
border-radius: 6px; border-radius: 6px;
padding: 0.25rem 0.375rem; padding: 0.25rem 0.375rem;
margin: 0.5rem 0; /* spacing since parent gap is 0 */
font-size: 0.8125rem; font-size: 0.8125rem;
line-height: 1.5; line-height: 1.5;
color: var(--ctp-text); color: var(--ctp-text);