[APM] Traces list: Decrease link size and impact indication (#110188)

* [APM] Decrease link size on Traces list

* [APM] Change impact column size to fixed
This commit is contained in:
Casper Hübertz 2021-08-26 15:59:46 +02:00 committed by GitHub
parent 9a8d40ffad
commit 85e030249f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -14,7 +14,7 @@ import {
asTransactionRate,
} from '../../../../common/utils/formatters';
import { APIReturnType } from '../../../services/rest/createCallApmApi';
import { truncate } from '../../../utils/style';
import { truncate, unit } from '../../../utils/style';
import { EmptyMessage } from '../../shared/EmptyMessage';
import { ImpactBar } from '../../shared/ImpactBar';
import { TransactionDetailLink } from '../../shared/Links/apm/transaction_detail_link';
@ -24,7 +24,7 @@ import { ITableColumn, ManagedTable } from '../../shared/managed_table';
type TraceGroup = APIReturnType<'GET /api/apm/traces'>['items'][0];
const StyledTransactionLink = euiStyled(TransactionDetailLink)`
font-size: ${({ theme }) => theme.eui.euiFontSizeM};
font-size: ${({ theme }) => theme.eui.euiFontSizeS};
${truncate('100%')};
`;
@ -111,7 +111,7 @@ const traceListColumns: Array<ITableColumn<TraceGroup>> = [
</>
</EuiToolTip>
),
width: '20%',
width: `${unit * 6}px`,
align: 'left',
sortable: true,
render: (_, { impact }) => <ImpactBar value={impact} />,