Remove hover and auto-close for the switch

Automattic · Jan 24, 2025 · a935550 · a935550
1 parent 892fda8
commit a935550
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 23 deletions.
diff --git a/packages/help-center/src/components/help-center-header.scss b/packages/help-center/src/components/help-center-header.scss
@@ -103,28 +103,6 @@
 		padding: 0 4px;
 	}
 
-	:hover, :focus {
-		background-color: $help-center-blue;
-		color: var(--studio-white);
-
-		svg {
-			fill: var(--studio-white);
-		}
-
-		.conversation-menu__notification-toggle {
-			.components-form-toggle {
-				&.is-checked {
-					.components-form-toggle__track {
-						background-color: var(--studio-white);
-					}
-				}
-				.components-form-toggle__thumb {
-					background-color: $help-center-blue;
-				}
-			}
-		}
-	}
-
 	button {
 		display: flex;
 		align-items: center;

diff --git a/packages/help-center/src/components/help-center-header.tsx b/packages/help-center/src/components/help-center-header.tsx
@@ -87,7 +87,8 @@ const ChatEllipsisMenu = () => {
 		recordTracksEvent( 'calypso_inlinehelp_clear_conversation' );
 	};
 
-	const toggleSoundNotifications = () => {
+	const toggleSoundNotifications = ( event: React.MouseEvent< HTMLButtonElement > ) => {
+		event.stopPropagation();
 		setAreSoundNotificationsEnabled( ! areSoundNotificationsEnabled );
 	};