diff --git a/public/app/core/components/CustomScrollbar/__snapshots__/CustomScrollbar.test.tsx.snap b/public/app/core/components/CustomScrollbar/__snapshots__/CustomScrollbar.test.tsx.snap index 37d8cea45be..310eb714af9 100644 --- a/public/app/core/components/CustomScrollbar/__snapshots__/CustomScrollbar.test.tsx.snap +++ b/public/app/core/components/CustomScrollbar/__snapshots__/CustomScrollbar.test.tsx.snap @@ -6,8 +6,8 @@ exports[`CustomScrollbar renders correctly 1`] = ` style={ Object { "height": "auto", - "maxHeight": "100%", - "minHeight": "100%", + "maxHeight": "inherit", + "minHeight": "inherit", "overflow": "hidden", "position": "relative", "width": "100%", @@ -23,8 +23,8 @@ exports[`CustomScrollbar renders correctly 1`] = ` "left": undefined, "marginBottom": 0, "marginRight": 0, - "maxHeight": "calc(100% + 0px)", - "minHeight": "calc(100% + 0px)", + "maxHeight": "calc(inherit + 0px)", + "minHeight": "calc(inherit + 0px)", "overflow": "scroll", "position": "relative", "right": undefined, diff --git a/public/app/core/components/code_editor/code_editor.ts b/public/app/core/components/code_editor/code_editor.ts index 50ff55f3083..20a8384ee33 100644 --- a/public/app/core/components/code_editor/code_editor.ts +++ b/public/app/core/components/code_editor/code_editor.ts @@ -84,7 +84,7 @@ function link(scope, elem, attrs) { // disable depreacation warning codeEditor.$blockScrolling = Infinity; // Padding hacks - (codeEditor.renderer as any).setScrollMargin(15, 15); + (codeEditor.renderer as any).setScrollMargin(10, 10); codeEditor.renderer.setPadding(10); setThemeMode(); diff --git a/public/sass/components/_query_editor.scss b/public/sass/components/_query_editor.scss index 17280a99cc6..ff3c87f6d9d 100644 --- a/public/sass/components/_query_editor.scss +++ b/public/sass/components/_query_editor.scss @@ -59,6 +59,8 @@ } .gf-form-query-letter-cell { + flex-shrink: 0; + .gf-form-query-letter-cell-carret { display: inline-block; width: 0.7rem;