IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Tempo: Add ellipsis to span name in the span details view (#96719)

Browse Source
This commit is contained in:
Marc M. 2024-11-21 14:57:42 +01:00 committed by GitHub
parent 1061e4712f
commit d567be2f10
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/app/features/explore/TraceView/components/TraceTimelineViewer/SpanDetail/index.tsx
View File

@ -65,6 +65,12 @@ const getStyles = (theme: GrafanaTheme2) => {
}), }),
operationName: css({ operationName: css({
margin: 0, margin: 0,
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
flexBasis: '50%',
flexGrow: 0,
flexShrink: 0,
}), }),
debugInfo: css({ debugInfo: css({
label: 'debugInfo', label: 'debugInfo',
@ -344,7 +350,9 @@ export default function SpanDetail(props: SpanDetailProps) {
return ( return (
<div data-testid="span-detail-component"> <div data-testid="span-detail-component">
<div className={styles.header}> <div className={styles.header}>
<h2 className={styles.operationName}>{operationName}</h2> <h2 className={styles.operationName} title={operationName}>
{operationName}
</h2>
<div className={styles.listWrapper}> <div className={styles.listWrapper}>
<LabeledList className={styles.list} divider={true} items={overviewItems} /> <LabeledList className={styles.list} divider={true} items={overviewItems} />
</div> </div>