fix: the user-message copy button hover behavior#1587
fix: the user-message copy button hover behavior#1587veeradyani222 wants to merge 1 commit intodifferent-ai:devfrom
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
@veeradyani222 is attempting to deploy a commit to the Different AI Team on Vercel. A member of the Team first needs to authorize it. |
|
The following comment was made by an LLM, it may be inaccurate: |
|
Hi Ben! This is my first contribution to Openwork. Hope you approve it. Lmk for any changes! |
There was a problem hiding this comment.
Pull request overview
Fixes the user-message “Copy message” button overlapping user bubble content by moving the copy action outside the user bubble and adding a hoverable gap area to keep the button reachable without altering transcript spacing.
Changes:
- Makes each message row
relativeand adjusts CSS containment to allow user copy UI to render outside the bubble. - Keeps assistant copy button inside its message container, but moves user copy button to an absolutely-positioned area below the bubble on hover.
- Adds an invisible hover strip in the gap below user messages to make the copy button easier to reach.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
@src-opn have a look! |
|
No need to tag people |
20260428-0936-56.5835206.mp4
Fixed the user-message copy button hover behavior.
The copy button used to sit inside the message bubble, so on longer user messages it could overlap the text and make the bubble look messy. I moved the copy action outside the bubble, positioned at the bottom-right on hover, so the message content keeps its full readable space.
I also added an invisible hover area across the existing gap between the user message and the assistant reply. That keeps the copy button reachable without adding extra vertical spacing or shifting the transcript layout.
/closes #1586