Skip to content

Chatbot: add variant to reveal message actions on hover/focus #908

@nicolethoen

Description

@nicolethoen

Based on the results of the Compass/unified theme dev/design sync on Jan 14:

Context

To support an implementation with less visual clutter, we need a design variant where message actions (copy, edit, delete) can be hidden by default and revealed on hover/focus. This is an opt-in configuration.

Design Requirements

  • Interaction States:
    • Default (Hidden): Actions are not visible, but their container maintains its dimensions to prevent layout shifting.
    • Active (Hover/Focus): Actions appear within the reserved space.
  • Hover Target: The trigger area must encompass the entire message bubble and the action container area to prevent the actions from "flickering" when the mouse moves between the message and the buttons.
  • Visual Transitions: Define the entry/exit animation (e.g., a simple 200ms opacity fade).

Acceptance Criteria

  • Spec defines the layout for the "Hidden" state (preserving empty space).
  • Spec defines the "Visible" state (hover/focus).
  • Visual confirmation that message text and surrounding components do not shift when actions appear.

Jira Issue: PF-3429

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    Needs triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions