GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-07-31 10:22:00 +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 {
CardContainer,
// CustomSpace,
CustomSubText,
CustomSubTitle,
CustomText,
@ -32,7 +31,7 @@ function SelectedSpanDetails(props: SelectedSpanDetailsProps): JSX.Element {
return (
<CardContainer>
<StyledSpace
styledclass={[styles.selectedSpanDetailsContainer]}
styledclass={[styles.selectedSpanDetailsContainer, styles.overflow]}
direction="vertical"
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)`
&&& {
/* color: #bdbdbd; */
font-size: 14px;
margin-bottom: 8px;
}
@ -71,9 +70,21 @@ const selectedSpanDetailsContainer = css`
const spanEventsTabsContainer = css`
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 = {
removeMargin,
removePadding,
selectedSpanDetailsContainer,
spanEventsTabsContainer,
overflow,
};