Apparently I wasn't clear enough....
BECAUSE I/users cannot readily create a ublock rule to block the blue dot, and BECAUSE I/users cannot disable the blue dot, I thought it would be nice to make the following SUGGESTION to include a site-wide option to disable the blue dot and any other graphical or iconographic notification-related indicators. Iirc there are two such indicators, first the blue dot, and second a blue circle with a white textual number enclosed upon expanding the site-wide hamburger menu. I presume one could set a CSS variable via Javascript to true or false, then let the hidden CSS property of the notification icon be a boolean and of the extant variable and the new suggested variable... I cannot recall how to do this, but iirc it might be something like this.
To be more pedantic, I have no idea how site-settings work, but the flow would presumably be something like this:
0. The site loads. The css's name of the suggested variable is set to false by default (notifications show if there are notifications to show).
1. User clicks button to toggle-on notification hiding.
2. Clicking that button triggers a function to change the new css variable. This function checks the site-local storage (or whatever is used) for true/false on the site-local storage's name of the suggested variable. This function sets the css's name of the suggested variable to true.
3. Browser's css engine automatically picks up on this and hides the notification icon(s).
4. On move to a new page, as part of page load-up, the same javascript function is explicitly called and go-to step 2.
Given: Notification icon(s) and no easy way to disable them
Suggestion: Add site-wide option to disable them.
BECAUSE I/users cannot readily create a ublock rule to block the blue dot, and BECAUSE I/users cannot disable the blue dot, I thought it would be nice to make the following SUGGESTION to include a site-wide option to disable the blue dot and any other graphical or iconographic notification-related indicators. Iirc there are two such indicators, first the blue dot, and second a blue circle with a white textual number enclosed upon expanding the site-wide hamburger menu. I presume one could set a CSS variable via Javascript to true or false, then let the hidden CSS property of the notification icon be a boolean and of the extant variable and the new suggested variable... I cannot recall how to do this, but iirc it might be something like this.
Code:
.notification-icon {
...
hidden: or(var(--currentDisableNotificationVariable), var(--mySuggestedUserVariable));
...
}
To be more pedantic, I have no idea how site-settings work, but the flow would presumably be something like this:
0. The site loads. The css's name of the suggested variable is set to false by default (notifications show if there are notifications to show).
1. User clicks button to toggle-on notification hiding.
2. Clicking that button triggers a function to change the new css variable. This function checks the site-local storage (or whatever is used) for true/false on the site-local storage's name of the suggested variable. This function sets the css's name of the suggested variable to true.
3. Browser's css engine automatically picks up on this and hides the notification icon(s).
4. On move to a new page, as part of page load-up, the same javascript function is explicitly called and go-to step 2.
Given: Notification icon(s) and no easy way to disable them
Suggestion: Add site-wide option to disable them.