Skip to content

fix(app): landing agent card keeps its height when the chat has history (CLEAN-219) - #180

Merged
maksymhryzodub-prog merged 1 commit into
mainfrom
fix/CLEAN-219-landing-card-chat-overflow
Nov 11, 2026
Merged

maksymhryzodub-prog merged 1 commit into
mainfrom
fix/CLEAN-219-landing-card-chat-overflow

Conversation

@maksymhryzodub-prog

Copy link
Copy Markdown
Contributor

Jira: https://dreamvention.atlassian.net/browse/CLEAN-219

What was wrong

On the landing, the agent card looked right only while its chat was empty. With real history the chat column grew to the height of the whole conversation, the 480px card clipped it, and the composer and the side buttons disappeared below its edge.

Cause: the card is a grid with an implicit auto row, which grows with its content.

Fix

CSS only, in app/slices/common/components/landing/hero/Stage.vue:

  • the row is pinned to the card height (grid-template-rows: minmax(0, 1fr)) and the chat column may shrink, so the message list scrolls inside the card;
  • below 900px, where the card has no height of its own, the chat view gets a fixed 460px.

Checked

Filled the landing chat with a long history in the browser (40 blocks, 2883px of content):

  • before: chat column 5634px inside a 480px card, composer out of sight;
  • after, 1440px wide: column 480px, list scrolls, composer and side buttons inside the card;
  • after, 390px wide: chat view 460px, composer inside the card.

Unit tests and typecheck were not re-run for this CSS-only change; CI covers them.

Twin consoles

admin has no landing; nothing to change there.

…ry (CLEAN-219)

The card is a grid 480px high with an implicit auto row. An auto row grows with its content, so a conversation with real history stretched the chat column to the height of the whole history; the card clipped it and the composer and the side buttons fell below its edge.

The row is now pinned to the card height and the column may shrink, so the message list scrolls inside. On narrow screens, where the card has no height of its own, the chat view gets one.

Twin check: admin has no landing, nothing to change there.
@maksymhryzodub-prog
maksymhryzodub-prog merged commit 73c5fed into main Nov 11, 2026
1 check passed
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