m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2025-02-01 12:29:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed overflowing journey label.

Browse Source
This commit is contained in:
Mike Cao 2024-06-24 09:29:42 -07:00
parent 7342d52c68
commit 0b0cd9e272
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(main)/reports/journey/JourneyView.module.css
View File

@ -121,7 +121,7 @@
} }
.name { .name {
font-weight: 500; max-width: 200px;
} }
.count { .count {

6
src/app/(main)/reports/journey/JourneyView.tsx
View File

@ -1,5 +1,5 @@
import { useContext, useMemo, useState } from 'react'; import { useContext, useMemo, useState } from 'react';
import { TooltipPopup } from 'react-basics'; import { TextOverflow, TooltipPopup } from 'react-basics';
import { firstBy } from 'thenby'; import { firstBy } from 'thenby';
import classNames from 'classnames'; import classNames from 'classnames';
import { useEscapeKey, useMessages } from 'components/hooks'; import { useEscapeKey, useMessages } from 'components/hooks';
@ -191,7 +191,9 @@ export default function JourneyView() {
})} })}
onClick={() => handleClick(name, columnIndex, paths)} onClick={() => handleClick(name, columnIndex, paths)}
> >
<div className={styles.name}>{name}</div> <div className={styles.name} title={name}>
<TextOverflow> {name}</TextOverflow>
</div>
<TooltipPopup label={dropOffPercent} disabled={!selected}> <TooltipPopup label={dropOffPercent} disabled={!selected}>
<div className={styles.count} title={nodeCount}> <div className={styles.count} title={nodeCount}>
{formatLongNumber(nodeCount)} {formatLongNumber(nodeCount)}