diff --git a/front/src/common/Pathfinding/TypeAndPath.tsx b/front/src/common/Pathfinding/TypeAndPath.tsx index 06bc5c48ec8..5676534b3b2 100644 --- a/front/src/common/Pathfinding/TypeAndPath.tsx +++ b/front/src/common/Pathfinding/TypeAndPath.tsx @@ -44,6 +44,7 @@ function OpTooltips({ opList }: { opList: SearchResultItemOperationalPoint[] }) className={cx('op', { wrong: !op.name })} key={`typeandpath-op-${idx}-${op.trigram}`} style={{ left: `${leftMargin}rem` }} + title={op.name} > {op.name ? op.name : } diff --git a/front/src/styles/scss/common/components/_typeAndPath.scss b/front/src/styles/scss/common/components/_typeAndPath.scss index 01b466cd7f0..68839bb2112 100644 --- a/front/src/styles/scss/common/components/_typeAndPath.scss +++ b/front/src/styles/scss/common/components/_typeAndPath.scss @@ -29,7 +29,10 @@ transform: rotate(-40deg); transform-origin: left; border-radius: var(--border-radius); + max-width: 7rem; white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; font-size: 0.7rem; &.wrong { position: absolute;