diff --git a/CHANGELOG.md b/CHANGELOG.md index 8a65eb50009..317010db9af 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,6 @@ ## [`main`](https://github.com/elastic/eui/tree/main) -No public interface changes since `46.0.0`. +- Updated styles in `EuiDescriptionList` of `type` inline ([#5534](https://github.com/elastic/eui/pull/5534)) ## [`46.0.0`](https://github.com/elastic/eui/tree/v46.0.0) diff --git a/src/components/description_list/_description_list.scss b/src/components/description_list/_description_list.scss index fd6ee45c8c7..d4d6a38f439 100644 --- a/src/components/description_list/_description_list.scss +++ b/src/components/description_list/_description_list.scss @@ -173,11 +173,10 @@ .euiDescriptionList__title { @include euiFontSizeS; display: inline; - border-radius: $euiBorderRadius; - font-weight: $euiFontWeightRegular; - background: $euiColorLightestShade; - border: $euiBorderThin; - padding: 0 $euiSizeXS; + border-radius: $euiBorderRadiusSmall; + font-weight: $euiFontWeightMedium; + background-color: tintOrShade($euiColorLightShade, 50%, 0%); + padding: 1px $euiSizeXS; margin: 0 $euiSizeXS; // Make sure the first
doesn't get a margin. @@ -189,7 +188,6 @@ .euiDescriptionList__description { @include euiFontSizeS; display: inline; - word-break: break-all; } // Compressed when inline is even smaller. @@ -197,6 +195,7 @@ .euiDescriptionList__title { @include euiFontSizeXS; + padding: 0 $euiSizeXS; } .euiDescriptionList__description { @@ -209,4 +208,4 @@ } } -} +} \ No newline at end of file diff --git a/src/themes/amsterdam/overrides/_description_list.scss b/src/themes/amsterdam/overrides/_description_list.scss new file mode 100644 index 00000000000..9cd4ca8370a --- /dev/null +++ b/src/themes/amsterdam/overrides/_description_list.scss @@ -0,0 +1,7 @@ +.euiDescriptionList { + &.euiDescriptionList--inline.euiDescriptionList--compressed { + .euiDescriptionList__title { + line-height: $euiLineHeight; + } + } +} diff --git a/src/themes/amsterdam/overrides/_index.scss b/src/themes/amsterdam/overrides/_index.scss index 2177c105f39..fcb4c891e5e 100644 --- a/src/themes/amsterdam/overrides/_index.scss +++ b/src/themes/amsterdam/overrides/_index.scss @@ -12,6 +12,7 @@ @import 'data_grid'; @import 'date_picker'; @import 'date_popover_button'; +@import 'description_list'; @import 'facet'; @import 'filter_group'; @import 'form_control_layout';