You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
If you attach a file with a long file name, the attachment chip will try to render the entirety of the name. This can potentially break layouts and isn't desirable, especially in scenarios where the chatbot needs to support multiple file attachments. Let's apply a truncation rule on the file name in the chip.
For overlay and dock mode, try to cap the width of each attachment chip to roughly 50% of the message bar. Take into account a gap between each chip (if more than 1 attached). Width might vary depending on the rendered size of the chatbot.
For fullscreen mode, and as the chatbot and message bar get wider, simply cap the width of the chip to 224px (14rem).
The text was updated successfully, but these errors were encountered:
If you attach a file with a long file name, the attachment chip will try to render the entirety of the name. This can potentially break layouts and isn't desirable, especially in scenarios where the chatbot needs to support multiple file attachments. Let's apply a truncation rule on the file name in the chip.
For overlay and dock mode, try to cap the width of each attachment chip to roughly 50% of the message bar. Take into account a gap between each chip (if more than 1 attached). Width might vary depending on the rendered size of the chatbot.
For fullscreen mode, and as the chatbot and message bar get wider, simply cap the width of the chip to 224px (14rem).
The text was updated successfully, but these errors were encountered: