Add tooltip to show exact number in lists (#2009)

* Add tooltip to show exact number in lists

* Update CHANGELOG
This commit is contained in:
Sasha Fonseca 2022-07-12 22:47:14 +02:00 committed by GitHub
parent db3a852f26
commit 37dddb62d9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 1 deletions

View File

@ -26,6 +26,7 @@ All notable changes to this project will be documented in this file.
- Add filter for custom property
- Add ability to import historical data from GA: plausible/analytics#1753
- API route `GET /api/v1/sites/:site_id`
- Hovering on top of list items will now show a [tooltip with the exact number instead of a shortened version](https://github.com/plausible/analytics/discussions/1968)
### Fixed
- UI fix where multi-line text in pills would not be underlined properly on small screens.

View File

@ -91,7 +91,7 @@ export default function ListReport(props) {
<ExternalLink item={listItem} externalLinkDest={props.externalLinkDest} />
</span>
</Bar>
<span className="font-medium dark:text-gray-200 w-20 text-right">
<span className="font-medium dark:text-gray-200 w-20 text-right" tooltip={listItem[valueKey]}>
{numberFormatter(listItem[valueKey])}
{
listItem.percentage >= 0