Show only unread notifications within quick-access-panel?

At the moment all notifications read or unread shows on the quick access panel.

Only difference is that the current treatment lights up the background of unread notifications.

Is there a way to hide all the read notifications? Here’s a mockup
image

Doing a search pulled up this similar request in the past

But trying the code in that 2018 topic didn’t work on my instance, appreciate any help

.notifications ul li.read {display: none;}
1 Like

Hello,

Try this :slight_smile:

.user-menu #quick-access-notifications ul li.read {
    display: none;
}
5 Likes

Thank you Don

Tried it out and it works, but there is an undesired side effect: it will hide all the read rows in the other glyphs as well (Bookmarks, Messages, Preferences)

User Preferences will miss critical functions like Log Out, please see below where ‘read’ functions will be hidden. Only Do not disturb is showing because I haven’t read/loaded it before.

image

Is there a way to limit it to just the Notifications glyph?

Hi Kchalk,
I updated the code above.

1 Like

Worked brilliantly, thank you!

1 Like