#1961 Ensure common-canvas uses for focus color (#1962)

elyra-ai · May 16, 2024 · 2ce9b3e · 2ce9b3e
1 parent 9a97fa7
commit 2ce9b3e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/canvas_modules/common-canvas/src/common-canvas/common-canvas.scss b/canvas_modules/common-canvas/src/common-canvas/common-canvas.scss
@@ -118,7 +118,7 @@ $panel-border-color: $border-subtle-01;
 	.toolbar-overflow-item {
 		button:focus {
 			border-color: transparent;
-			box-shadow: inset 2px 2px $button-tertiary, inset -6px -2px $button-tertiary;
+			box-shadow: inset 2px 2px $focus, inset -6px -2px $focus;
 		}
 	}
 }

diff --git a/canvas_modules/common-canvas/src/toolbar/toolbar.scss b/canvas_modules/common-canvas/src/toolbar/toolbar.scss
@@ -36,8 +36,8 @@ $toolbar-divider-width: 1px;
 	-webkit-user-drag: none;
 
 	&:focus {
-		border-color: $button-tertiary;
-		box-shadow: inset 0 0 0 2px $button-tertiary;
+		border-color: transparent;
+		box-shadow: inset 0 0 0 1px $focus;
 	}
 
 	/* Small size toolbar  */