Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Message theme v2 #300

Merged
merged 1 commit into from
Jun 9, 2022
Merged

Message theme v2 #300

merged 1 commit into from
Jun 9, 2022

Conversation

szuperaz
Copy link
Contributor

@szuperaz szuperaz commented Jun 7, 2022

Leftover issue with enhancements: GetStream/stream-chat-css#115

Text message

Figma

Screenshot 2022-06-07 at 14 56 14
Screenshot 2022-06-07 at 14 56 46

Implementation

Screenshot 2022-06-07 at 14 55 34
Screenshot 2022-06-07 at 14 57 16

Read state

Figma

Screenshot 2022-06-07 at 15 10 58
Screenshot 2022-06-07 at 15 11 10

Implementation

read state

read state dark

Note: Matching the read state UI is part of the enhancement issue GetStream/stream-chat-css#115

Error message

Figma

Screenshot 2022-06-07 at 15 16 01

Implementation

Screenshot 2022-06-07 at 16 33 23
Screenshot 2022-06-07 at 16 34 12

Note: Error message is displayed for UX reasons

Inline reply

Figma

Screenshot 2022-06-07 at 15 19 37
Screenshot 2022-06-07 at 15 19 48
Screenshot 2022-06-07 at 16 45 27

Implementation

Screenshot 2022-06-07 at 16 44 24

Screenshot 2022-06-07 at 16 44 52

Note We should apply "own message" styling to the original message when user replies to own message, this is part of the enhancement issue: GetStream/stream-chat-css#115

System message

Figma

Screenshot 2022-06-08 at 8 20 37

Screenshot 2022-06-08 at 8 20 51

Implementation

Screenshot 2022-06-08 at 8 21 29

Screenshot 2022-06-08 at 8 22 07

Context menu

Figma

Screenshot 2022-06-08 at 8 25 14

Screenshot 2022-06-08 at 8 25 29

Implementation

Screenshot 2022-06-08 at 8 38 56

Screenshot 2022-06-08 at 8 39 18

Note Missing parts are included in the enhancement issue: GetStream/stream-chat-css#115, context menu currently has a static position -> it can easily overflow -> I'll spend some limited time to implement dynamic positioning, this will come in a separate PR if successful

Image attachment

Figma

Screenshot 2022-06-08 at 8 46 41

Screenshot 2022-06-08 at 8 50 44

Implementation

Screenshot 2022-06-08 at 8 46 13

Screenshot 2022-06-08 at 8 50 20

Screenshot 2022-06-08 at 8 53 04

Note Image carousel modal will be part of this task: GetStream/stream-chat-css#97

File attachment

Figma

Screenshot 2022-06-08 at 9 19 53

Implementation

Screenshot 2022-06-08 at 9 21 53

file dark

Note Angular SDK doesn't yet support different file icons for different mime-types

Video attachment + mixed attachments

Figma

Screenshot 2022-06-08 at 9 23 50

Implementation

Screenshot 2022-06-08 at 9 29 14

Screenshot 2022-06-08 at 9 29 43

Giphy

Figma

Screenshot 2022-06-08 at 9 31 24

Screenshot 2022-06-08 at 9 31 37

Implementation

Screenshot 2022-06-08 at 9 34 13

Screenshot 2022-06-08 at 9 33 17

Note Hiding message bubble is part of the enhancement issue GetStream/stream-chat-css#115

Links

Figma

Screenshot 2022-06-08 at 9 38 09

Implementation

Screenshot 2022-06-08 at 9 38 33

Note Links are attachments, and attachments are displayed above the message text, apart from that the missing design elements are part of the enhancement issue GetStream/stream-chat-css#115

Thread links

Figma

Screenshot 2022-06-08 at 9 54 57

Implementation

thread link

Note Read data is not available to thread replies

Thread header

Figma

Screenshot 2022-06-08 at 9 58 36

Screenshot 2022-06-08 at 9 58 50

Implementation

Screenshot 2022-06-08 at 10 02 28

Screenshot 2022-06-08 at 10 01 59

closes #282

@szuperaz szuperaz changed the base branch from master to theming-v2 June 7, 2022 12:40
@szuperaz szuperaz marked this pull request as draft June 7, 2022 13:21
@szuperaz szuperaz force-pushed the message-theme-v2 branch from 1e3abc2 to 19fcdaa Compare June 8, 2022 08:06
@szuperaz szuperaz marked this pull request as ready for review June 8, 2022 08:18
@szuperaz szuperaz merged commit 8b6b2aa into theming-v2 Jun 9, 2022
@szuperaz szuperaz deleted the message-theme-v2 branch June 9, 2022 07:43
@szuperaz
Copy link
Contributor Author

🎉 This PR is included in version 4.0.0-theming-v2.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

@szuperaz
Copy link
Contributor Author

🎉 This PR is included in version 4.0.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants