front: fix overlap while searching by trigram with elipsis

Author: Yohh

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 : <GoAlert />}
             </div>

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;