diff --git a/src/components/description_list/__snapshots__/description_list_title.test.tsx.snap b/src/components/description_list/__snapshots__/description_list_title.test.tsx.snap index e3e28fa0c85..a7516812fe2 100644 --- a/src/components/description_list/__snapshots__/description_list_title.test.tsx.snap +++ b/src/components/description_list/__snapshots__/description_list_title.test.tsx.snap @@ -26,7 +26,7 @@ exports[`EuiDescriptionListTitle EuiDescriptionListTitle prop variations type co exports[`EuiDescriptionListTitle EuiDescriptionListTitle prop variations type inline is rendered 1`] = `
`; diff --git a/src/components/description_list/description_list_title.styles.ts b/src/components/description_list/description_list_title.styles.ts index 7f6647c1ec7..ed600631f2c 100644 --- a/src/components/description_list/description_list_title.styles.ts +++ b/src/components/description_list/description_list_title.styles.ts @@ -66,7 +66,8 @@ export const euiDescriptionListTitleStyles = (euiThemeContext: UseEuiTheme) => { ${logicalCSS('padding-horizontal', euiTheme.size.xs)} `, compressed: css` - ${euiFontSize(euiThemeContext, 'xs')} + font-size: ${euiFontSize(euiThemeContext, 'xs').fontSize}; + line-height: ${euiTheme.font.lineHeightMultiplier}; ${logicalCSS('padding-vertical', '0')} ${logicalCSS('padding-horizontal', euiTheme.size.xs)} `, diff --git a/src/components/description_list/description_list_title.tsx b/src/components/description_list/description_list_title.tsx index 877bdab3b03..7f5167693c9 100644 --- a/src/components/description_list/description_list_title.tsx +++ b/src/components/description_list/description_list_title.tsx @@ -40,7 +40,6 @@ export const EuiDescriptionListTitle: FunctionComponent< conditionalStyles = compressed ? [styles.inlineStyles.compressed] : [styles.inlineStyles.normal]; - conditionalStyles.push(styles[rowGutterSize]); break; case 'row': conditionalStyles.push(styles[rowGutterSize]); diff --git a/src/themes/amsterdam/overrides/_description_list.scss b/src/themes/amsterdam/overrides/_description_list.scss deleted file mode 100644 index 9cd4ca8370a..00000000000 --- a/src/themes/amsterdam/overrides/_description_list.scss +++ /dev/null @@ -1,7 +0,0 @@ -.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 e9af2a3f536..9e837c1b800 100644 --- a/src/themes/amsterdam/overrides/_index.scss +++ b/src/themes/amsterdam/overrides/_index.scss @@ -1,6 +1,5 @@ @import 'combo_box'; @import 'data_grid'; -@import 'description_list'; @import 'form_control_layout'; @import 'form_control_layout_delimited'; @import 'form_controls'; diff --git a/upcoming_changelogs/7185.md b/upcoming_changelogs/7185.md new file mode 100644 index 00000000000..8483bf27e35 --- /dev/null +++ b/upcoming_changelogs/7185.md @@ -0,0 +1,4 @@ +**Bug fixes** + +- Fixed the inline compressed styles of `EuiDescriptionListTitle` to use a taller line-height for readability +