[release-12.2.1] Explore: Add missing height to logs in Explore (#112177)

Explore: Add missing height to logs in Explore (#112176)

* Explore: Add missing height to logs in Explore

* Add max height to controlled log rows

(cherry picked from commit a0fc683a67)

Co-authored-by: Matias Chomicki <matias.chomicki@grafana.com>

public/app/features/explore/Logs/Logs.tsx

@@ -1009,7 +1009,7 @@ const UnthemedLogs: React.FunctionComponent<Props> = (props: Props) => {
           {(!config.featureToggles.newLogsPanel || visualisationType === 'table') &&
             config.featureToggles.logsPanelControls &&
             hasData && (
-              <div className={styles.logRowsWrapper} data-testid="logRows">
+              <div className={styles.controlledLogRowsWrapper} data-testid="logRows">
                 <ControlledLogRows
                   logsTableFrames={props.logsFrames}
                   width={width}
@@ -1260,6 +1260,10 @@ const getStyles = (theme: GrafanaTheme2, wrapLogMessage: boolean, tableHeight: n
       overflowY: 'visible',
       width: '100%',
     }),
+    controlledLogRowsWrapper: css({
+      width: '100%',
+      maxHeight: '80vh',
+    }),
     logRowsWrapper: css({
       width: '100%',
     }),