diff --git a/src-docs/src/components/guide_section/guide_section.js b/src-docs/src/components/guide_section/guide_section.js index 91fa7135fa53..5a62013fb78e 100644 --- a/src-docs/src/components/guide_section/guide_section.js +++ b/src-docs/src/components/guide_section/guide_section.js @@ -186,7 +186,7 @@ export class GuideSection extends Component { } const cells = [ ( - + {humanizedName} ), ( @@ -198,7 +198,7 @@ export class GuideSection extends Component { {defaultValueMarkup} ), ( - + {descriptionMarkup} ) diff --git a/src/components/table/mobile/_index.scss b/src/components/table/mobile/_index.scss index c31c32c9650d..1c4ce9646912 100644 --- a/src/components/table/mobile/_index.scss +++ b/src/components/table/mobile/_index.scss @@ -127,6 +127,10 @@ padding-top: $euiSizeXS; } } + + &.euiTableRowCell--isMobileFullWidth { + width: 100%; + } } .euiTableRowCellCheckbox { diff --git a/src/components/table/table_row_cell.js b/src/components/table/table_row_cell.js index 881364f71602..a0df86a3f831 100644 --- a/src/components/table/table_row_cell.js +++ b/src/components/table/table_row_cell.js @@ -24,6 +24,7 @@ export const EuiTableRowCell = ({ header, hideForMobile, isMobileHeader, + isMobileFullWidth, hasActions, ...rest }) => { @@ -31,6 +32,7 @@ export const EuiTableRowCell = ({ 'euiTableRowCell--hideForMobile': hideForMobile, 'euiTableRowCell--isMobileHeader': isMobileHeader, 'euiTableRowCell--hasActions': hasActions, + 'euiTableRowCell--isMobileFullWidth': isMobileFullWidth, }); const contentClasses = classNames('euiTableCellContent', className, { @@ -65,6 +67,7 @@ EuiTableRowCell.propTypes = { header: PropTypes.string, hideForMobile: PropTypes.bool, isMobileHeader: PropTypes.bool, + isMobileFullWidth: PropTypes.bool, }; EuiTableRowCell.defaultProps = {