IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

CloudWatch: Fix code editor not resizing on mount when content height is > 200px (#81911)

Browse Source
This commit is contained in:
Kevin Yu 2024-02-09 09:44:29 -08:00 committed by GitHub
parent 42d6e176bc
commit 7f109c885d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/app/plugins/datasource/cloudwatch/components/QueryEditor/MetricsQueryEditor/MathExpressionQueryField.tsx
View File

@ -29,8 +29,9 @@ export function MathExpressionQueryField({ expression: query, onChange, datasour
// We may wish to consider abstracting it into the grafana/ui repo in the future // We may wish to consider abstracting it into the grafana/ui repo in the future
const updateElementHeight = () => { const updateElementHeight = () => {
const containerDiv = containerRef.current; const containerDiv = containerRef.current;
if (containerDiv !== null && editor.getContentHeight() < 200) { if (containerDiv !== null) {
const pixelHeight = Math.max(32, editor.getContentHeight()); const maxPixelHeight = Math.min(200, editor.getContentHeight());
const pixelHeight = Math.max(32, maxPixelHeight);
containerDiv.style.height = `${pixelHeight}px`; containerDiv.style.height = `${pixelHeight}px`;
containerDiv.style.width = '100%'; containerDiv.style.width = '100%';
const pixelWidth = containerDiv.clientWidth; const pixelWidth = containerDiv.clientWidth;