[Console] Fix output panel height (#202108)

sabarasaba · web-flow · commit d17f1d5f745c · 2024-11-28T14:27:30.000+01:00
diff --git a/src/plugins/console/public/application/containers/editor/editor.tsx b/src/plugins/console/public/application/containers/editor/editor.tsx
@@ -213,7 +213,7 @@ export const Editor = memo(({ loading, inputEditorValue, setInputEditorValue }:
               <EuiSplitPanel.Outer borderRadius="none" hasShadow={false} style={{ height: '100%' }}>
                 <EuiSplitPanel.Inner
                   paddingSize="none"
-                  css={{ alignContent: 'center', top: 0 }}
+                  css={{ alignContent: 'center', top: 0, height: 'calc(100% - 40px)' }}
                   className="consoleEditorPanel"
                 >
                   {data ? (

Original file line number	Diff line number	Diff line change
`@@ -213,7 +213,7 @@ export const Editor = memo(({ loading, inputEditorValue, setInputEditorValue }:`
`213`	`213`	`<EuiSplitPanel.Outer borderRadius="none" hasShadow={false} style={{ height: '100%' }}>`
`214`	`214`	`<EuiSplitPanel.Inner`
`215`	`215`	`paddingSize="none"`
`216`		`- css={{ alignContent: 'center', top: 0 }}`
	`216`	`+ css={{ alignContent: 'center', top: 0, height: 'calc(100% - 40px)' }}`
`217`	`217`	`className="consoleEditorPanel"`
`218`	`218`	`>`
`219`	`219`	`{data ? (`