[APM] Fix column widths in EUI tables (#21490)
This commit is contained in:
parent
295c5a93de
commit
13598bed5a
|
@ -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;
|
||||
|
|
|
@ -34,7 +34,7 @@ const GroupIdLink = styled(RelativeLink)`
|
|||
`;
|
||||
|
||||
const MessageAndCulpritCell = styled.div`
|
||||
${truncate(px(unit * 32))};
|
||||
${truncate('100%')};
|
||||
`;
|
||||
|
||||
const MessageLink = styled(RelativeLink)`
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -58,6 +58,7 @@ class List extends Component {
|
|||
{
|
||||
field: 'serviceName',
|
||||
name: 'Name',
|
||||
width: '50%',
|
||||
sortable: true,
|
||||
render: serviceName => (
|
||||
<TooltipOverlay content={formatString(serviceName)}>
|
||||
|
|
|
@ -60,6 +60,7 @@ class List extends Component {
|
|||
{
|
||||
field: 'name',
|
||||
name: 'Name',
|
||||
width: '50%',
|
||||
sortable: true,
|
||||
render: transactionName => {
|
||||
const transactionUrl = `${serviceName}/transactions/${legacyEncodeURIComponent(
|
||||
|
|
Loading…
Reference in a new issue