There’s a setting for this if you want to try it out - show user menu avatars
I prefer the “dot” on the right style, cause the little cue on the left is easy to miss and the zebra striping of link styles is not ideal.
A simple blue dot also aligns with “new” on the home page so it ties the design together.
Day 2, and I’m finding it very hard to read the titles of my notifications. My eyes, just want to go hard left where my brain expects the text to begin.
Would it be possible to create a user preference option to flip the avatars to the right of the title?
@simon to move the “knife” lower
.user-menu.show-avatars li.notification a .icon-avatar__icon-wrapper {
top: 0.9em;
}
@Tris20 to swap the side of the avatar:
.user-menu .quick-access-panel li:not(.show-all) a {
display: flex;
flex-direction: row-reverse;
div {
width:100%;
}
}
Thanks for providing this solution It will work great on my own instance, unfortunately it’s the notifcations on Meta itself that I’m struggling to navigate
is it possible to achieve that by css?
I like the new format but while we are on the topic of notifications : I find it annoying that when I approve a new post to a channel (and in our set up all posts require approval), I also get a notification of the new post in the notifications area. This then requires me to dismiss it to get my notifications down to zero. It would be better if approving a post also removed the notification of the post. Hope that makes sense Thanks
Looks cool! Love the update.
Maybe instead of the settings icon you could take Discord’s approach which is better imo
To be honest I much prefer the current implementation over this. Looks nicer and decreases the clutter on the text
That’s an interesting suggestion. I think it would make more sense to place the avatar, instead of the icon, next to the username. This way, the notification type is highlighted, which I find more important than the user. Also, showing the username and avatar together feels like a more logical combination to me.
I’ve got an alternative:
Instead of the usernames being displayed in the notification (I think that these add quite a bit of unnecessary text clutter), how about simply having this available via a hover - with the user card appearing if the avatar is clicked?
Small addition after using this a while: I feel the different types of notifications are not visually distinctive enough (because they are overlaid on the avatars and all black) - on a quick glance, I have missed what was a like and what a reply on multiple occasions now.