Display density options #39

Closed
opened 2023-09-29 18:30:22 +00:00 by kirsle · 0 comments
Owner

For users on smaller screens (or who just have different display preferences), the chat could add some options for how messages are formatted in the room.

Example: the default display is Slack/Discord style with cards for each message having a row for the profile picture/nickname/username and some necessary padding and spacing to accommodate emoji reactions and things.

A compact display option could draw the chat history more like a classic IRC style: single lines of text per message laid out like:

11:11 pm [username] Hello room!
11:12 pm [soandso] Yo

The options for display density presented to the user could be:

  • Card style (default - what we have now)
  • Compact (IRC style) - minimal info, usernames only
  • Compact (with display names) - display names and usernames both shown?

In the compact style there would need to be room reserved for the important chat buttons for each message:

  • Sending a DM
  • Takeback/delete the message
  • Mute/unmute the user
  • Flag the message
  • Emoji reaction

Some of the lesser used ones could be tucked into a pop-up menu that the user clicks on. e.g.: sending a DM, muting, and deleting the message could go into the menu. Then the IRC style display might look like:

🟰 🚩 😊 11:11 pm [username] Hello world!

Or the flag/emoji buttons could go on the right side of the message, like:

🟰 11:11 pm [username] Hello world! 🚩 😊
🟰 11:12 pm [soandso] This could be an example how the compact chat display looks. 🚩 😊
For users on smaller screens (or who just have different display preferences), the chat could add some options for how messages are formatted in the room. Example: the default display is Slack/Discord style with cards for each message having a row for the profile picture/nickname/username and some necessary padding and spacing to accommodate emoji reactions and things. A compact display option could draw the chat history more like a classic IRC style: single lines of text per message laid out like: ``` 11:11 pm [username] Hello room! 11:12 pm [soandso] Yo ``` The options for display density presented to the user could be: * Card style (default - what we have now) * Compact (IRC style) - minimal info, usernames only * Compact (with display names) - display names and usernames both shown? In the compact style there would need to be room reserved for the important chat buttons for each message: * Sending a DM * Takeback/delete the message * Mute/unmute the user * Flag the message * Emoji reaction Some of the lesser used ones could be tucked into a pop-up menu that the user clicks on. e.g.: sending a DM, muting, and deleting the message could go into the menu. Then the IRC style display might look like: > 🟰 🚩 😊 11:11 pm [username] Hello world! Or the flag/emoji buttons could go on the right side of the message, like: | | | |--------------------------------------------------------|----------| | 🟰 11:11 pm [username] Hello world! | 🚩 😊 | | 🟰 11:12 pm [soandso] This could be an example how the compact chat display looks. | 🚩 😊 |
kirsle added the
enhancement
label 2023-09-29 18:30:22 +00:00
Sign in to join this conversation.
No Milestone
No project
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: apps/BareRTC#39
No description provided.