Element-web: Unread room indicator for collapsed roomlist

Created on 27 Oct 2017 · 8Comments · Source: vector-im/element-web

When the left sidebar is collapsed, you can't tell which rooms have unread messages

bug design p2 major roomlist uux

Source

richvdh

👍2

Most helpful comment

Seems to not be fixed yet for rooms that don't have unread badges (not noisy). e.g. the top two rooms below have unread messages.

uhoreg on 29 Nov 2018

👍2

All 8 comments

turt2live on 27 Oct 2017

If you add something like:

.mx_LeftPanel.collapsed .mx_RoomTile_unread .mx_BaseAvatar_image {
    box-shadow: 0px 0px 10px white;
}

then it will show up like:

(with the middle room being unread, and the other rooms being read) Obviously, the light theme would need a different colour.

Another option would be to add a coloured circle or something, similar to the pinned messsages indicator (which might match with Riot's flatness better).

uhoreg on 29 Nov 2017

Something like:

.mx_LeftPanel.collapsed .mx_RoomTile_unread .mx_RoomTile_avatar_container::after {
    border: solid 3px blue;
    border-radius: 3px;
    display: block;
    position: absolute;
    top: 0px;
    content: "";
    height: 0;
    width: 0;
    right: 0;
}

would give