Skip to content

fix(MessageItem): increase hover area for actions to appear#16661

Merged
Antreesy merged 4 commits intomainfrom
fix/16413/message-hover-area
Jan 5, 2026
Merged

fix(MessageItem): increase hover area for actions to appear#16661
Antreesy merged 4 commits intomainfrom
fix/16413/message-hover-area

Conversation

@Antreesy
Copy link
Contributor

@Antreesy Antreesy commented Jan 2, 2026 •
edited
Loading

☑️ Resolves

  • Fix [SPLIT VIEW] Message buttons bar should show up on hover bigger area #16413
    • MessageItem in split view hover area is expanded to better access message actions
    • .message-body__scroll width is compensated with 4px paddings to fit buttons on screen
    • MessagesGroup moved to isSmallMobile breakpoint, same as MessageItem
    • Fix background colors for hovered/focused messages in classic / split view
    • Refactor shared styles for message bubbles

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏚️ Before 🏡 After
image image
image image
image image

🏁 Checklist

  • 🌏 Tested with different browsers / clients:
    • Chromium (Chrome / Edge / Opera / Brave)
    • Firefox
    • Safari
    • Talk Desktop
    • Integrations with Files sidebar and other apps
    • Not risky to browser differences / client
  • 🖌️ Design was reviewed, approved or inspired by the design team
  • ⛑️ Tests are included or not possible
  • 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

@Antreesy Antreesy added this to the 🍏 Next Major (33) milestone Jan 2, 2026
@Antreesy Antreesy requested review from DorraJaouad and ShGKme January 2, 2026 16:46
@Antreesy Antreesy self-assigned this Jan 2, 2026
@Antreesy Antreesy force-pushed the fix/16413/message-hover-area branch from b760a18 to 0108fc0 Compare January 2, 2026 17:16
DorraJaouad
DorraJaouad reviewed Jan 5, 2026
View reviewed changes
@DorraJaouad

This comment was marked as off-topic.

Sign in to view
@Antreesy

This comment was marked as off-topic.

Sign in to view
@Antreesy Antreesy force-pushed the fix/16413/message-hover-area branch from 0108fc0 to 0261b48 Compare January 5, 2026 10:01
@DorraJaouad

This comment was marked as off-topic.

Sign in to view
@Antreesy

This comment was marked as off-topic.

Sign in to view
@Antreesy Antreesy force-pushed the fix/16413/message-hover-area branch from 0261b48 to c67a62d Compare January 5, 2026 12:23
@Antreesy Antreesy requested a review from DorraJaouad January 5, 2026 12:27
@Antreesy Antreesy merged commit 0786673 into main Jan 5, 2026
57 checks passed
@Antreesy Antreesy deleted the fix/16413/message-hover-area branch January 5, 2026 16:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@DorraJaouad DorraJaouad DorraJaouad approved these changes

@ShGKme ShGKme Awaiting requested review from ShGKme

Assignees

@Antreesy Antreesy

Labels

bug feature: chat 💬 Chat and system messages feature: frontend 🖌️ "Web UI" client

Projects

None yet

Milestone

v23.0.0-beta.1

Development

Successfully merging this pull request may close these issues.

[SPLIT VIEW] Message buttons bar should show up on hover bigger area

2 participants

@Antreesy @DorraJaouad