github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 01:38:56 -04:00
Code Issues Projects Releases Packages Wiki Activity

[7.x] [Metrics UI] Fix node details overlay title with long host name (#90825) (#91024)

Browse source
This commit is contained in:
Zacqary Adam Xeper 2021-02-10 16:07:53 -06:00 • committed by GitHub
parent a48eeedd02
commit 868b40eb2d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/overlay.tsx
View file

@ -89,11 +89,11 @@ export const NodeContextPopover = ({
<OverlayPanel>
<OverlayHeader>
<EuiFlexGroup responsive={false} gutterSize="m">
<EuiFlexItem grow={true}>
<OverlayTitle grow={true}>
<EuiTitle size="xs">
<h4>{node.name}</h4>
</EuiTitle>
</EuiFlexItem>
</OverlayTitle>
<EuiFlexItem grow={false}>
<EuiFlexGroup gutterSize="m" responsive={false}>
<EuiFlexItem grow={false}>
@ -194,3 +194,12 @@ const OverlayPanel = euiStyled(EuiPanel).attrs({ paddingSize: 'none' })`
max-width: 100%;
}
`;
const OverlayTitle = euiStyled(EuiFlexItem)`
overflow: hidden;
& h4 {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
`;