feat(FN-3603): improve mobile chat with jump-to-latest and bubble width fix

This merge implements FN-3603, adding jump-to-latest controls for the chat view and improving mobile bubble width layout, with corresponding CSS updates in ChatView and QuickChatFAB components. It also includes documentation for the new mobile chat controls, a fix for workspace lint regex escaping,

Fusion-Task-Id: FN-3603
This commit is contained in:
Fusion
2026-05-06 13:30:04 -07:00
committed by gsxdsm
parent 2ca67c02f2
commit 8726b022c0
10 changed files with 220 additions and 25 deletions

View File

@@ -214,6 +214,7 @@
flex-direction: column;
min-width: 0;
min-height: 0;
position: relative;
}
.chat-thread-header {
@@ -284,6 +285,14 @@
word-break: break-word;
}
.chat-jump-to-latest {
position: absolute;
left: 50%;
bottom: calc(var(--space-xl) * 3);
transform: translateX(-50%);
z-index: 2;
}
.chat-message--user {
align-self: flex-end;
background: var(--accent);
@@ -1122,4 +1131,12 @@
width: calc(var(--space-lg) * 2.25);
height: calc(var(--space-lg) * 2.25);
}
.chat-message {
max-width: 82%;
}
.chat-jump-to-latest {
bottom: calc(var(--space-xl) * 4);
}
}