From 3de75d29acc1fa4038b03c94116c8115e172a0e2 Mon Sep 17 00:00:00 2001
From: Carita Ou <cou@us.ibm.com>
Date: Tue, 27 Aug 2024 09:58:19 -0700
Subject: [PATCH] restrict hover rule to canvas right flyout only

Signed-off-by: Carita Ou <cou@us.ibm.com>
---
 .../properties-main/properties-main.scss                 | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/canvas_modules/common-canvas/src/common-properties/properties-main/properties-main.scss b/canvas_modules/common-canvas/src/common-properties/properties-main/properties-main.scss
index 3484fd273d..2fb8e0f3a5 100644
--- a/canvas_modules/common-canvas/src/common-properties/properties-main/properties-main.scss
+++ b/canvas_modules/common-canvas/src/common-properties/properties-main/properties-main.scss
@@ -69,9 +69,12 @@ $properties-resize-button-size: $spacing-06;
 	}
 }
 
-aside:hover + button {
-	visibility: visible;
-	opacity: 1;
+.common-canvas .right-flyout-panel {
+	// Set the 'properties-btn-resize' visible when the 'properties-right-flyout' is hovered
+	aside:hover + button {
+		visibility: visible;
+		opacity: 1;
+	}
 }
 
 .properties-right-flyout > .properties-custom-container {