GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-13 18:35:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: width is added for the max content (#2292)

Browse Source
This commit is contained in:
palashgdev 2023-02-20 17:28:38 +05:30 committed by GitHub
parent c657f96032
commit 3d5134b43c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/container/GantChart/SpanLength/styles.ts
View File

@ -16,6 +16,7 @@ export const SpanLine = styled.div<Props>`
top: 50%;
position: absolute;
`;
export const SpanBorder = styled.div<Props>`
background: ${({ bgColor }): string => bgColor};
border-radius: 5px;
@ -34,27 +35,18 @@ export const SpanWrapper = styled.div`
position: relative;
z-index: 2;
min-height: 2rem;
/* &:before {
display: inline-block;
content: '';
border-bottom: 1px solid #303030;
position: absolute;
left: -30px;
width: 30px;
z-index: 0;
} */
`;
interface SpanTextProps extends Pick<Props, 'leftOffset'> {
isDarkMode: boolean;
}
export const SpanText = styled(Typography)<SpanTextProps>`
export const SpanText = styled(Typography.Paragraph)<SpanTextProps>`
&&& {
left: ${({ leftOffset }): string => `${leftOffset}%`};
top: 65%;
position: absolute;
color: ${({ isDarkMode }): string => (isDarkMode ? '##ACACAC' : '#666')};
width: max-content;
color: ${({ isDarkMode }): string => (isDarkMode ? '#ACACAC' : '#666')};
font-size: 0.75rem;
}
`;