Skip to content

Commit d0c0daf

Browse files
fix(traces): align log table contents to start, regardless of height (#112495)
The existing `flex: 1` on `TableContainer` makes the table contents grow to fill their vertical space. When there aren't enough logs to fill the screen, by default flex-expand vertically. This adds `align-contents: start` so they're shoved into the beginning instead. Example traces: * One log: sentry > `f4ce570538e746b4b3ea9a745c51bdce` * Three logs: sentry > `5eedb0ca1a5b43c18aaaeb9ad926f8ba` * Ten logs: sentry > `f8764c2c9c594eb6b47e4ee35b397277` * Hundreds of logs: sentry > `64dbb2f1952742a0941ece5188ae07d5` * Thousands of logs (thanks @k-fish!): sentry > `a7988807ac5d496bafb9611c5626538b` Fixes LOGS-677
1 parent b06ca47 commit d0c0daf

File tree

1 file changed

+1
-0
lines changed

1 file changed

+1
-0
lines changed

static/app/views/explore/logs/styles.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -153,6 +153,7 @@ export const LogTableBody = styled(TableBody)<{
153153
padding-top: ${p.theme.space.md};
154154
padding-bottom: ${p.theme.space.md};
155155
`}
156+
align-content: start;
156157
overflow-x: hidden;
157158
overflow-anchor: none;
158159

0 commit comments

Comments
 (0)