| Note |
|---|
| Tip |
Implementated |
Important Links
| ||||||||
...
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
...
Large image previews can be expanded or collapsed using the arrow that displays at the end of the site description.
Updated UI for this interaction shown below.
...
NOTE: the expanded state should honor the user’s preference for “Default Appearance of Image Previews”.
...
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.
...