diff --git a/app/src/organisms/ProtocolSetupParameters/ViewOnlyParameters.tsx b/app/src/organisms/ProtocolSetupParameters/ViewOnlyParameters.tsx index 8ce37030a4e..88d0e448f6a 100644 --- a/app/src/organisms/ProtocolSetupParameters/ViewOnlyParameters.tsx +++ b/app/src/organisms/ProtocolSetupParameters/ViewOnlyParameters.tsx @@ -1,5 +1,7 @@ import * as React from 'react' import { useTranslation } from 'react-i18next' +import { css } from 'styled-components' + import { formatRunTimeParameterValue, sortRuntimeParameters, @@ -93,7 +95,7 @@ export function ViewOnlyParameters({ flexDirection={DIRECTION_ROW} gridGap={SPACING.spacing8} > - + {formatRunTimeParameterValue(parameter, t)} {parameter.type === 'csv_file' || @@ -114,3 +116,14 @@ export function ViewOnlyParameters({ ) } + +const PARAMETER_VALUE_STYLE = css` + color: ${COLORS.grey60}; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; + word-wrap: break-word; + -webkit-line-clamp: 1; + max-width: 15rem; +`