Skip to content

Commit 36a2d19

Browse files
authored
[klogs] Fix Logs Page Layout (#577)
When a user selected a lot of fields in the logs table, the fields sidebar shrunk until it wasn't visible anymore. This is now fixed by adding the "overflowX" property to the logs bucket chart and table, so that the fields sidebar has always a width of 250px.
1 parent b6fc3bf commit 36a2d19

File tree

1 file changed

+10
-1
lines changed
  • app/packages/klogs/src/components

1 file changed

+10
-1
lines changed

app/packages/klogs/src/components/Logs.tsx

+10-1
Original file line numberDiff line numberDiff line change
@@ -577,7 +577,16 @@ export const Logs: FunctionComponent<{
577577
changeOrder,
578578
}) => {
579579
return (
580-
<Stack direction="column" sx={{ width: '100%' }}>
580+
<Stack
581+
direction="column"
582+
sx={{
583+
'&::-webkit-scrollbar': {
584+
display: 'none',
585+
},
586+
overflowX: 'auto',
587+
width: '100%',
588+
}}
589+
>
581590
{showChart && (
582591
<Card sx={{ mb: 6 }}>
583592
<Stack direction="row" justifyContent="space-between" p={4}>

0 commit comments

Comments
 (0)