Fix unreleased regression - ellipsis on span name

Add back the styling that adds an ellipsis to truncated span name text.
jaegertracing · Aug 21, 2017 · 3797f5b · 3797f5b
1 parent fa6f016
commit 3797f5b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/TracePage/TraceTimelineViewer/SpanBarRow.css b/src/components/TracePage/TraceTimelineViewer/SpanBarRow.css
@@ -46,6 +46,11 @@ THE SOFTWARE.
   z-index: 1;
 }
 
+.span-name-wrapper {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .span-name {
   outline: none;
   color: #000;

diff --git a/src/components/TracePage/TraceTimelineViewer/SpanBarRow.js b/src/components/TracePage/TraceTimelineViewer/SpanBarRow.js
@@ -76,7 +76,7 @@ export default function SpanBarRow(props) {
       `}
     >
       <TimelineRow.Left className="span-name-column">
-        <div className="overflow-hidden" title={title}>
+        <div className="span-name-wrapper" title={title}>
           <SpanTreeOffset
             level={depth + 1}
             hasChildren={isParent}