Closed asuwebdesign closed 1 month ago
Design Spec (Light Theme) Design Spec (Dark Theme)
When scrolling through a chat conversation, skip buttons can be displayed to allow users to traverse the conversation quicker.
Up top, a skip button will scroll to the beginning of the conversation. At the bottom, a skip button will scroll to the end of a conversation.
Scrolling will be animated.
JumpTop and JumpBottom components created. Applied conditional logic to the messages for button visibility. Detection on container overflow as well as scroll position added.
JumpTop
JumpBottom
Design Spec (Light Theme) Design Spec (Dark Theme)
When scrolling through a chat conversation, skip buttons can be displayed to allow users to traverse the conversation quicker.
Up top, a skip button will scroll to the beginning of the conversation. At the bottom, a skip button will scroll to the end of a conversation.
Scrolling will be animated.