GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-01 06:22:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: operation name is now ellipsed

Browse Source
This commit is contained in:
Palash gupta 2022-06-07 15:56:16 +05:30
parent 0c06c5ee0e
commit 8a0bcf6cd9
No known key found for this signature in database
GPG Key ID: 8FD05AE6F9150AD6
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/container/TraceDetail/SelectedSpanDetails/index.tsx
View File

@ -7,7 +7,6 @@ import { ITraceTree } from 'types/api/trace/getTraceItem';
import ErrorTag from './ErrorTag'; import ErrorTag from './ErrorTag';
import { import {
CardContainer, CardContainer,
// CustomSpace,
CustomSubText, CustomSubText,
CustomSubTitle, CustomSubTitle,
CustomText, CustomText,
@ -32,7 +31,7 @@ function SelectedSpanDetails(props: SelectedSpanDetailsProps): JSX.Element {
return ( return (
<CardContainer> <CardContainer>
<StyledSpace <StyledSpace
styledclass={[styles.selectedSpanDetailsContainer]} styledclass={[styles.selectedSpanDetailsContainer, styles.overflow]}
direction="vertical" direction="vertical"
style={{ marginLeft: '0.5rem' }} style={{ marginLeft: '0.5rem' }}
> >

13
frontend/src/container/TraceDetail/SelectedSpanDetails/styles.ts
View File

@ -17,7 +17,6 @@ export const CustomText = styled(Paragraph)`
export const CustomSubTitle = styled(Title)` export const CustomSubTitle = styled(Title)`
&&& { &&& {
/* color: #bdbdbd; */
font-size: 14px; font-size: 14px;
margin-bottom: 8px; margin-bottom: 8px;
} }
@ -71,9 +70,21 @@ const selectedSpanDetailsContainer = css`
const spanEventsTabsContainer = css` const spanEventsTabsContainer = css`
margin-top: 1rem; margin-top: 1rem;
`; `;
const overflow = css`
width: 95%;
> div.ant-space-item:nth-child(4) {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
`;
export const styles = { export const styles = {
removeMargin, removeMargin,
removePadding, removePadding,
selectedSpanDetailsContainer, selectedSpanDetailsContainer,
spanEventsTabsContainer, spanEventsTabsContainer,
overflow,
}; };