From 4808e8159b0f0706714477122de4612352e95f94 Mon Sep 17 00:00:00 2001 From: Kyriakos Date: Thu, 24 Aug 2023 10:20:27 +0200 Subject: [PATCH] removed max-inline-size --- .../description_list/description_list_description.styles.ts | 6 +----- .../description_list/description_list_title.styles.ts | 6 +----- 2 files changed, 2 insertions(+), 10 deletions(-) diff --git a/src/components/description_list/description_list_description.styles.ts b/src/components/description_list/description_list_description.styles.ts index 45b19826af3..4edf530a278 100644 --- a/src/components/description_list/description_list_description.styles.ts +++ b/src/components/description_list/description_list_description.styles.ts @@ -11,8 +11,6 @@ import { euiFontSize, logicalTextAlignCSS } from '../../global_styling'; import { UseEuiTheme } from '../../services'; import { euiTitle } from '../title/title.styles'; -const COLUMN_MAX_WIDTH = '55ch'; // Is this intentional? I was under the impression we were only setting a max-width on titles - export const euiDescriptionListDescriptionStyles = ( euiThemeContext: UseEuiTheme ) => { @@ -21,9 +19,7 @@ export const euiDescriptionListDescriptionStyles = ( // Types row: css``, - column: css` - max-inline-size: ${COLUMN_MAX_WIDTH}; - `, + column: css``, inline: css` display: inline; `, diff --git a/src/components/description_list/description_list_title.styles.ts b/src/components/description_list/description_list_title.styles.ts index 9a8da0a17e2..7f6647c1ec7 100644 --- a/src/components/description_list/description_list_title.styles.ts +++ b/src/components/description_list/description_list_title.styles.ts @@ -16,8 +16,6 @@ import { import { UseEuiTheme } from '../../services'; import { euiTitle } from '../title/title.styles'; -const COLUMN_MAX_WIDTH = '55ch'; - export const euiDescriptionListTitleStyles = (euiThemeContext: UseEuiTheme) => { const { euiTheme, colorMode } = euiThemeContext; @@ -28,9 +26,7 @@ export const euiDescriptionListTitleStyles = (euiThemeContext: UseEuiTheme) => { // Types row: css``, - column: css` - max-inline-size: ${COLUMN_MAX_WIDTH}; - `, + column: css``, inline: css` display: inline; border-radius: ${euiTheme.border.radius.small};