[v9.4.x] Logs sample: Fix scrolling for unwrapped log lines (#64291)

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

Fix scrolling for logs sample

(cherry picked from commit 7b01668729)

Co-authored-by: Ivana Huckova <30407135+ivanahuckova@users.noreply.github.com>
This commit is contained in:
Grot (@grafanabot)
2023-03-07 12:34:38 +01:00
committed by GitHub
co-authored by Ivana Huckova
parent e272ce8274
commit 9e0cb259ee
+15 -10
View File
@@ -95,16 +95,18 @@ export function LogsSamplePanel(props: Props) {
LogsSamplePanelContent = (
<>
<OpenInSplitViewButton />
<LogRows
logRows={logs.rows}
dedupStrategy={LogsDedupStrategy.none}
showLabels={store.getBool(SETTINGS_KEYS.showLabels, false)}
showTime={store.getBool(SETTINGS_KEYS.showTime, true)}
wrapLogMessage={store.getBool(SETTINGS_KEYS.wrapLogMessage, true)}
prettifyLogMessage={store.getBool(SETTINGS_KEYS.prettifyLogMessage, false)}
timeZone={timeZone}
enableLogDetails={true}
/>
<div className={styles.logContainer}>
<LogRows
logRows={logs.rows}
dedupStrategy={LogsDedupStrategy.none}
showLabels={store.getBool(SETTINGS_KEYS.showLabels, false)}
showTime={store.getBool(SETTINGS_KEYS.showTime, true)}
wrapLogMessage={store.getBool(SETTINGS_KEYS.wrapLogMessage, true)}
prettifyLogMessage={store.getBool(SETTINGS_KEYS.prettifyLogMessage, false)}
timeZone={timeZone}
enableLogDetails={true}
/>
</div>
</>
);
}
@@ -122,4 +124,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
top: ${theme.spacing(1)};
right: ${theme.spacing(1)}; ;
`,
logContainer: css`
overflow-x: scroll;
`,
});