Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Design in-progress
Note
Tip

Implementated

Important Links

Jira Legacy
serverSystem JIRA
serverIdfa8b0166-b019-31be-aef3-0e1e83e7ecff
keyMM-41881

Figma Design

...

  • The entire card for the link should be clickable to open the link.

    • If users drag to select, it will not click the link

  • Text within the card can still be selectable without registering the click (similar to how we’ve done this with messages)

...

States

Default

The default state has uses Elevation 1 with a 1px border with center-channel-color at 16%

...

Hover

The default hover state has uses Elevation 2 with a 1px border with center-channel-color at 24%

...

The active state uses Elevation 1 with a 1px border with button-bg at 32%

...

Sample interaction

...

Link Preview Image Rules

Small Image Preview

...

When hovering over the link preview area, an x icon button appears to the left of the link preview. This appears only for the message author. Other users will not see this button. Clicking this will remove the link preview entirely from the message.

...