root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dashboard): keep chat Latest button centered while pressed

Browse Source 
The jump-to-latest button is centered via transform: translateX(-50%), and
the global .btn:active scale transform replaced it wholesale on mousedown,
shifting the button out from under the cursor mid-click. Compose both
transforms on :active (same fix as the DevServer new-logs button).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
gsxdsm
2026-07-22 23:01:51 -07:00
parent 4ef94e667d
commit a224c11110
2 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
.changeset/chat-jump-to-latest-active-transform.md Normal file
View File

@@ -0,0 +1,7 @@
---
"@runfusion/fusion": patch
---
summary: Fix the Chat View "Latest" button shifting sideways out from under the cursor when clicked.
category: fix
dev: `.chat-jump-to-latest:active` now composes `translateX(-50%) scale(0.97)` so the global `.btn:active` transform no longer replaces the centering transform.

8
packages/dashboard/app/components/ChatView.css
View File

@@ -1043,6 +1043,14 @@ The thread-wide Markdown/plain render toggle (`.chat-thread-header-render-toggle
z-index: 2; z-index: 2;
} }
/*
FNXC:ChatView 2026-07-22-00:00:
The Latest button is centered with transform: translateX(-50%), so the global .btn:active { transform: scale(0.97) } rule must not replace that transform wholesale — doing so shifted the button half its width sideways on mousedown, out from under the cursor mid-click. Compose both transforms on :active instead (same fix as .devserver-log-viewer__new-logs-button).
*/
.chat-jump-to-latest:active {
transform: translateX(-50%) scale(0.97);
}
.chat-message--user { .chat-message--user {
align-self: flex-end; align-self: flex-end;
background: var(--accent); background: var(--accent);