[UI] Notification toggle is not intuitive

[lkraider]

Description:

This is a request for UI improvement on the enable/disable of notifications for a group.

Steps to reproduce:

For example, when I want to disable all notifications, this is the state of the toggles I have to set on the panel:

Expected behavior:

Not sure why the decision is to have 3 toggles, the request is to have them at least look the same (all off, all on).

But ideally, to have a master toggle, and the sub-options to customize the details be interactive only when the master is enabled.

Actual behavior:

Toggle buttons have arbitrary directions.

Server Setup Information:

• Version of Rocket.Chat Server: 3.4.2
• Operating System: .
• Deployment Method: docker
• Number of Running Instances: 1
• DB Replicaset Oplog: .
• NodeJS Version: .
• MongoDB Version: 4

Client Setup Information

• Desktop App or Browser Version: .
• Operating System: .

Additional context

Relevant logs:

[im-adithya]

Can we implement this in such a way that Mute all and here will be disabled when the above one is Turned OFF and enabled to Turn ON/OFF when it is Turned ON Thoughts @MartinSchoeler?

[himani-mehra]

Hi @alansikora , I would love to take on this issue and contribute to the project. Could you please assign it to me if it's available? Looking forward to your response. Thanks!