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 8df5d2617c
commit 91f187f9ff
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);
}
}