[APM] Fix column widths in EUI tables (#21490)

This commit is contained in:
Søren Louv-Jansen 2018-08-01 11:25:26 +02:00 committed by GitHub
parent 295c5a93de
commit 13598bed5a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 8 additions and 2 deletions

View file

@ -279,7 +279,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
}
.c1 {
max-width: 512px;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

View file

@ -34,7 +34,7 @@ const GroupIdLink = styled(RelativeLink)`
`;
const MessageAndCulpritCell = styled.div`
${truncate(px(unit * 32))};
${truncate('100%')};
`;
const MessageLink = styled(RelativeLink)`

View file

@ -71,6 +71,7 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
<th
className="euiTableHeaderCell"
scope="col"
width="50%"
>
<button
aria-label="Sort Name descending"
@ -372,6 +373,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
<th
className="euiTableHeaderCell"
scope="col"
width="50%"
>
<button
aria-label="Sort Name descending"
@ -508,6 +510,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
<td
className="euiTableRowCell"
data-header="Name"
width="50%"
>
<div
className="euiTableCellContent euiTableCellContent--overflowingContent"
@ -571,6 +574,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
<td
className="euiTableRowCell"
data-header="Name"
width="50%"
>
<div
className="euiTableCellContent euiTableCellContent--overflowingContent"

View file

@ -58,6 +58,7 @@ class List extends Component {
{
field: 'serviceName',
name: 'Name',
width: '50%',
sortable: true,
render: serviceName => (
<TooltipOverlay content={formatString(serviceName)}>

View file

@ -60,6 +60,7 @@ class List extends Component {
{
field: 'name',
name: 'Name',
width: '50%',
sortable: true,
render: transactionName => {
const transactionUrl = `${serviceName}/transactions/${legacyEncodeURIComponent(