Improved whisper menu

[Mitchdev]

Show all your whispers and indicate if the user is online

[11k]

I'd like to finally take a look at this. 😅 Would you mind merging in master and fixing any merge conflicts?

[Mitchdev]

For some reason the prettier commit didn't merge when I merged the master branch in.

[11k]

Would you mind fixing the merge conflicts, and humanizing the date next to each conversation (e.g., "a month ago")? You can give the date a title so that it displays a local time in a localized format on hover.

[11k]

Would you mind using code tags to make this a little more readable? It's a dependency we added sometime after this PR.

[11k]

Are vendor prefixes still necessary here?

[11k]

I find this CSS challenging to read and I think it's a combination of there being no newlines before each nested ruleset and excessive nesting. For instance, you don't need this level of specificity to select .unread.

#chat-whisper-users .section .user-entry .right .unread {
}

I think the issue is you're trying to make the nesting in your CSS reflect the nesting in your markup. Besides readability, you can also run into situations where you have to rely on !important more often to override styles.