[Controls] Replace Sass mixin with border instead

cee-chen · cee-chen · commit 81c6ed09fd1c · 2024-10-01T18:57:36.000-07:00
- there really isn't a need for the full mixin, we just want the border effect here

- there also isn't a need to use `box-shadow` over `border` since the content of the draggable faux-input doesn't require it
diff --git a/src/plugins/controls/public/control_group/components/control_panel.scss b/src/plugins/controls/public/control_group/components/control_panel.scss
@@ -216,7 +216,7 @@ $controlMinWidth: $euiSize * 14;
     align-items: center;
     border-radius: $euiBorderRadius;
     font-weight: $euiFontWeightSemiBold;
-    @include euiFormControlDefaultShadow;
+    border: $euiBorderWidthThin solid $euiFormBorderColor;
     background-color: $euiFormInputGroupLabelBackground;
     min-width: $controlMinWidth;
     @include euiFontSizeXS;
@@ -243,4 +243,4 @@ $controlMinWidth: $euiSize * 14;
       min-width: unset;
     }
   }
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -216,7 +216,7 @@ $controlMinWidth: $euiSize * 14;`
`216`	`216`	`align-items: center;`
`217`	`217`	`border-radius: $euiBorderRadius;`
`218`	`218`	`font-weight: $euiFontWeightSemiBold;`
`219`		`- @include euiFormControlDefaultShadow;`
	`219`	`+ border: $euiBorderWidthThin solid $euiFormBorderColor;`
`220`	`220`	`background-color: $euiFormInputGroupLabelBackground;`
`221`	`221`	`min-width: $controlMinWidth;`
`222`	`222`	`@include euiFontSizeXS;`
`@@ -243,4 +243,4 @@ $controlMinWidth: $euiSize * 14;`
`243`	`243`	`min-width: unset;`
`244`	`244`	`}`
`245`	`245`	`}`
`246`		`-}`
	`246`	`+}`