Fixed overflowing journey label.

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

View File

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

View File

@ -1,5 +1,5 @@
import { useContext, useMemo, useState } from 'react';
import { TooltipPopup } from 'react-basics';
import { TextOverflow, TooltipPopup } from 'react-basics';
import { firstBy } from 'thenby';
import classNames from 'classnames';
import { useEscapeKey, useMessages } from 'components/hooks';
@ -191,7 +191,9 @@ export default function JourneyView() {
})}
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}>
<div className={styles.count} title={nodeCount}>
{formatLongNumber(nodeCount)}