Add ability to hide/show unread notifications dot

Description

Each and every page on GH shows the notifications bell. At times the bell is decorated with a blue dot for unread notifications. This little dot can be very disturbing because I cannot resist to click it, usually distracting me from my work. I would like to take back control and I want to decide when it’s time for notifications.

So the request is simple, add a way to turn off the button and turn it back on, basically run these two lines

// off
document.querySelector('.notification-indicator .mail-status.unread').style.visibility = 'hidden'

// on 
document.querySelector('.notification-indicator .mail-status.unread').style.visibility = ''

Screenshot

Mockup of a possible UX, have a drop down menu for the bell icon with an entry to mute/unmute notifications

Example URL

https://github.com/refined-github/refined-github

[cheap-glitch]

I cannot resist to click it, usually distracting me from my work.

I know that pain… I ended up adding this CSS in the options page:

notification-indicator .unread {
	display: none !important;
}

And I also use the “Notification Preview for GitHub” extension, which shows the unread notifications when hovering on the bell icon.

This setup is not perfect, but it alleviates the problem quite a bit.

[jrieken]

Like @cheap-glitch did, I’d probably add the CSS to the options, although I know this is not the 2-click operation you suggest.

This works great for me (after a day of trying it). I am fine to close this issue as resolved, or trade the 2-click operation with a simple setting to hide/show the notification.