Chat: Improve css for threaded conversations #75534
Reference in New Issue
There is no content yet.
Delete Branch "%!s(<nil>)"
Deleting a branch is permanent. Although the deleted branch may exist for a short time before cleaning up, in most cases it CANNOT be undone. Continue?
In an effort to have more open communications we have recently re-enabled threaded conversions, which have been working well, except for the display of threaded talk in the main channel where the messages have lost both the sender and timestamp and displaying just a tiny version of the users avatar. Making conversations less open cause there's no way to tell who is talking (beyond the few high profile users who's avatar people may recognize) or when things were said.
@dfelinto suggested we may be able to fix this in css and asked for a task.
Changed status from 'Needs Triage' to: 'Confirmed'
Added subscribers: @dfelinto, @LazyDodo
Added subscribers: @MikeyN, @pablovazquez
Hi @pablovazquez can anything be done about that? Maybe something to coordinate with @MikeyN ?
Adding in a persons name would not just be CSS as the name isnt anywhere in the dom - increasing the Image size, sure. Never looked into the backend of RocketChat but i'm sure it's possible :) Happy to look into it if @pablovazquez doesn't have time.
I thought the point with threads though was that you open the thread on the right and continue the conversation there - where you can see names and timestamps, and the text in chat was just a notification that a new comment has been added to the thread.
The name is actually in the
altattribute of the image, and also as a custom
data-usernameattribute, so you could use CSS to hide the image and show it as text instead with something like
content: attr(alt). It would still be a hack and tricky to get it to work reliable (with long usernames and such).
I don't have time to work on this at the moment, if @MikeyN wants to have a go at it sure, but there is nothing in the backend of RocketChat that allows you to do this, the Threads feature settings is literally one switch:
All tweaks are done with pure CSS.
Is this 2-year old task still relevant? If not then it can be closed.
Changed status from 'Confirmed' to: 'Resolved'
Asking for forgiveness instead of asking for permission :) Closing, it can be re-opened if still relevant.