Unread room indicator for collapsed roomlist

[richvdh]

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

[turt2live]

Related: #4369

[uhoreg]

see also #2033 (comment) / #2033 (comment)

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]

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

(with the middle three rooms being unread, and the outer two rooms being read). A different colour would probably be better.

[t3chguy]

@lampholder any chance to get some design on this?

[aaronraimist]

This is there now (and in the redesign). Ready to be closed.

Helpful screenshot from another unrelated issue: https://matrix.org/_matrix/media/v1/download/matrix.org/CEKIZVTIHDNjKazjziUWGzbB

[turt2live]

Can confirm, appears fixed.

[uhoreg]

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.

[turt2live]

Fixed in the new room list.