diff --git a/CHANGELOG.md b/CHANGELOG.md index edc9f708..4f155fbd 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,6 +12,7 @@ This release contains a refactored front-end that takes advantage of the GraphQL - Views and duration details: Click on a chart bar on the overview and insights page to see more details - Active visitors counter updates periodically without reloading the UI +- Tooltips for text in lists (#266) ### Changed diff --git a/src/ui/scripts/components/presentations/PresentationIconList.js b/src/ui/scripts/components/presentations/PresentationIconList.js index bddc96f8..528023cc 100644 --- a/src/ui/scripts/components/presentations/PresentationIconList.js +++ b/src/ui/scripts/components/presentations/PresentationIconList.js @@ -39,7 +39,7 @@ const UrlRow = (props) => { }), h('div', { className: 'flexList__column flexList__column--text-adjustment' }, h('span', {}, hostnameUrl), - h('span', { className: 'flexList__obscured' }, pathnameUrl), + h('span', { className: 'flexList__obscured', title: pathnameUrl }, pathnameUrl), ), ) ) @@ -56,7 +56,7 @@ const TextRow = (props) => { barWidth: props.barWidth, }), h('div', { className: 'flexList__column flexList__column--text-adjustment' }, - h('span', { className: 'flexList__truncated' }, props.text), + h('span', { className: 'flexList__truncated', title: props.text }, props.text), ), ) ) diff --git a/src/ui/scripts/components/presentations/PresentationList.js b/src/ui/scripts/components/presentations/PresentationList.js index 86c0e9db..6e6f27bb 100644 --- a/src/ui/scripts/components/presentations/PresentationList.js +++ b/src/ui/scripts/components/presentations/PresentationList.js @@ -17,7 +17,7 @@ const Row = (props) => { ...rootProps, }, h('div', { className: 'flexList__column flexList__column--text-adjustment' }, - h('span', { className: 'flexList__truncated' }, props.text), + h('span', { className: 'flexList__truncated', title: props.text }, props.text), ), ) )