adds background-color to compressed button group

elastic · Nov 26, 2019 · af47289 · af47289
1 parent b03fa30
commit af47289
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/button/button_group/_button_group.scss b/src/components/button/button_group/_button_group.scss
@@ -94,6 +94,7 @@
 .euiButtonGroup--compressed {
   border: 1px solid $euiFormBorderColor;
   border-radius: $euiFormControlCompressedBorderRadius;
+  background-color: $euiFormBackgroundColor;
 
   .euiButtonGroup__button {
     height: $euiFormControlCompressedHeight - 2px;

diff --git a/src/components/form/_variables.scss b/src/components/form/_variables.scss
@@ -33,6 +33,6 @@ $euiFormCustomControlDisabledIconColor: shadeOrTint($euiColorMediumShade, 38%, 4
 $euiFormCustomControlBorderColor: shadeOrTint($euiColorLightestShade, 18%, 30%) !default;
 $euiFormControlDisabledColor: $euiColorMediumShade !default;
 $euiFormControlBoxShadow: 0 1px 1px -1px transparentize($euiShadowColor, .8), 0 3px 2px -2px transparentize($euiShadowColor, .8) !default;
-$euiFormInputGroupLabelBackground: tintOrShade($euiColorLightShade, 65%, 40%) !default;
+$euiFormInputGroupLabelBackground: tintOrShade($euiColorLightShade, 50%, 40%) !default;
 $euiFormInputGroupBorder: 1px solid shadeOrTint($euiFormInputGroupLabelBackground, 6%, 8%) !default;
 $euiSwitchOffColor: lightOrDarkTheme(transparentize($euiColorMediumShade, .8), transparentize($euiColorMediumShade, .3)) !default;