Skip to content

Commit e449da3

Browse files
authored
issues: fix chonk stacktrace alignment (#91891)
Button sizes differ in chonk and this placeholder has now become too small. Fixes DE-98
1 parent d1589b0 commit e449da3

File tree

1 file changed

+5
-2
lines changed

1 file changed

+5
-2
lines changed

static/app/components/events/interfaces/frame/deprecatedLine.tsx

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {Fragment, useMemo, useState} from 'react';
2-
import {css} from '@emotion/react';
2+
import {css, useTheme} from '@emotion/react';
33
import styled from '@emotion/styled';
44
import classNames from 'classnames';
55

@@ -108,6 +108,7 @@ function DeprecatedLine({
108108
registersMeta,
109109
components,
110110
}: Props) {
111+
const theme = useTheme();
111112
const organization = useOrganization();
112113
const [isHovering, setIsHovering] = useState(false);
113114
const [isExpanded, setIsExpanded] = useState(initialExpanded ?? false);
@@ -322,7 +323,9 @@ function DeprecatedLine({
322323
<IconChevron direction={isExpanded ? 'up' : 'down'} size="sm" />
323324
</ToggleContextButton>
324325
) : (
325-
<div style={{width: 20, height: 20}} />
326+
<div
327+
style={theme.isChonk ? {width: 26, height: 20} : {width: 20, height: 20}}
328+
/>
326329
)}
327330
</DefaultLineTagWrapper>
328331
</DefaultLine>

0 commit comments

Comments
 (0)