Logs sample: Fix scrolling for unwrapped log lines (#64163)

Fix scrolling for logs sample
This commit is contained in:
Ivana Huckova
2023-03-07 11:08:50 +01:00
committed by GitHub
parent fa0f640d6a
commit 7b01668729

View File

@@ -95,16 +95,18 @@ export function LogsSamplePanel(props: Props) {
LogsSamplePanelContent = ( LogsSamplePanelContent = (
<> <>
<OpenInSplitViewButton /> <OpenInSplitViewButton />
<LogRows <div className={styles.logContainer}>
logRows={logs.rows} <LogRows
dedupStrategy={LogsDedupStrategy.none} logRows={logs.rows}
showLabels={store.getBool(SETTINGS_KEYS.showLabels, false)} dedupStrategy={LogsDedupStrategy.none}
showTime={store.getBool(SETTINGS_KEYS.showTime, true)} showLabels={store.getBool(SETTINGS_KEYS.showLabels, false)}
wrapLogMessage={store.getBool(SETTINGS_KEYS.wrapLogMessage, true)} showTime={store.getBool(SETTINGS_KEYS.showTime, true)}
prettifyLogMessage={store.getBool(SETTINGS_KEYS.prettifyLogMessage, false)} wrapLogMessage={store.getBool(SETTINGS_KEYS.wrapLogMessage, true)}
timeZone={timeZone} prettifyLogMessage={store.getBool(SETTINGS_KEYS.prettifyLogMessage, false)}
enableLogDetails={true} timeZone={timeZone}
/> enableLogDetails={true}
/>
</div>
</> </>
); );
} }
@@ -122,4 +124,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
top: ${theme.spacing(1)}; top: ${theme.spacing(1)};
right: ${theme.spacing(1)}; ; right: ${theme.spacing(1)}; ;
`, `,
logContainer: css`
overflow-x: scroll;
`,
}); });