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

fix: raw view css condense fix for line clamp (#5755)

Browse Source
This commit is contained in:
Vikrant Gupta 2024-08-23 00:54:30 +05:30 committed by GitHub
parent ab1caf13fc
commit 758b10f1bf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/components/Logs/RawLogView/index.tsx
View File

@ -162,6 +162,7 @@ function RawLogView({
$isActiveLog={isActiveLog} $isActiveLog={isActiveLog}
onMouseEnter={handleMouseEnter} onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave} onMouseLeave={handleMouseLeave}
fontSize={fontSize}
> >
<LogStateIndicator <LogStateIndicator
type={logType} type={logType}

16
frontend/src/components/Logs/RawLogView/styles.ts
View File

@ -13,6 +13,7 @@ export const RawLogViewContainer = styled(Row)<{
$isReadOnly?: boolean; $isReadOnly?: boolean;
$isActiveLog?: boolean; $isActiveLog?: boolean;
$isHightlightedLog: boolean; $isHightlightedLog: boolean;
fontSize: FontSize;
}>` }>`
position: relative; position: relative;
width: 100%; width: 100%;
@ -24,6 +25,13 @@ export const RawLogViewContainer = styled(Row)<{
.log-state-indicator { .log-state-indicator {
margin: 4px 0; margin: 4px 0;
${({ fontSize }): string =>
fontSize === FontSize.SMALL
? `margin: 1px 0;`
: fontSize === FontSize.MEDIUM
? `margin: 1px 0;`
: `margin: 2px 0;`}
} }
${({ $isActiveLog }): string => getActiveLogBackground($isActiveLog)} ${({ $isActiveLog }): string => getActiveLogBackground($isActiveLog)}
@ -50,13 +58,8 @@ export const ExpandIconWrapper = styled(Col)`
export const RawLogContent = styled.div<RawLogContentProps>` export const RawLogContent = styled.div<RawLogContentProps>`
margin-bottom: 0; margin-bottom: 0;
display: flex !important;
align-items: center;
font-family: 'SF Mono', monospace; font-family: 'SF Mono', monospace;
font-family: 'Geist Mono'; font-family: 'Geist Mono';
font-size: 13px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.07px; letter-spacing: -0.07px;
padding: 4px; padding: 4px;
text-align: left; text-align: left;
@ -73,6 +76,9 @@ export const RawLogContent = styled.div<RawLogContentProps>`
line-clamp: ${linesPerRow}; line-clamp: ${linesPerRow};
-webkit-box-orient: vertical;`}; -webkit-box-orient: vertical;`};
font-size: 13px;
font-weight: 400;
line-height: 24px;
${({ fontSize }): string => ${({ fontSize }): string =>
fontSize === FontSize.SMALL fontSize === FontSize.SMALL
? `font-size:11px; line-height:16px; padding:1px;` ? `font-size:11px; line-height:16px; padding:1px;`