diff --git a/src/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap b/src/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap index b8461d9d434c..ae1e4b99daa8 100644 --- a/src/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap +++ b/src/core_plugins/kibana/public/home/components/__snapshots__/recently_accessed.test.js.snap @@ -27,7 +27,7 @@ exports[`render 1`] = ` gutterSize="l" justifyContent="spaceBetween" responsive={true} - wrap={false} + wrap={true} > - - label0 - + + label0 + + - - label1 - + + label1 + + diff --git a/src/core_plugins/kibana/public/home/components/recently_accessed.js b/src/core_plugins/kibana/public/home/components/recently_accessed.js index 9bec15ca2ba7..96d6783f6172 100644 --- a/src/core_plugins/kibana/public/home/components/recently_accessed.js +++ b/src/core_plugins/kibana/public/home/components/recently_accessed.js @@ -12,6 +12,7 @@ import { EuiPopover, EuiIcon, EuiSpacer, + EuiToolTip, } from '@elastic/eui'; export const NUM_LONG_LINKS = 5; @@ -130,12 +131,17 @@ export class RecentlyAccessed extends Component { style={style} grow={false} > - - {recentlyAccessedItem.label} - + + {recentlyAccessedItem.label} + + ); @@ -178,7 +184,7 @@ export class RecentlyAccessed extends Component { - + {this.renderRecentlyAccessed()} diff --git a/src/core_plugins/kibana/public/home/components/recently_accessed.less b/src/core_plugins/kibana/public/home/components/recently_accessed.less index c83b38e2deaf..df491d95a53e 100644 --- a/src/core_plugins/kibana/public/home/components/recently_accessed.less +++ b/src/core_plugins/kibana/public/home/components/recently_accessed.less @@ -7,6 +7,11 @@ .recentlyAccessedItem { overflow: hidden; max-width: 300px; + + .euiToolTipAnchor { + overflow: hidden; + text-overflow: ellipsis; + } } .recentlyAccessedLongLink {