Theme: properly clip corners in loki/prom query editor (#100253)

properly clip corners in loki/prom query editor
5 months ago · 0bd4e3bda2
parent bf413643c8
commit 0bd4e3bda2
2 changed files with 2 additions and 0 deletions
--- a/packages/grafana-prometheus/src/components/monaco-query-field/MonacoQueryField.tsx
+++ b/packages/grafana-prometheus/src/components/monaco-query-field/MonacoQueryField.tsx
@ -88,6 +88,7 @@ const getStyles = (theme: GrafanaTheme2, placeholder: string) => {
      justifyContent: 'start',
      alignItems: 'center',
      height: '100%',
+      overflow: 'hidden',
    }),
    placeholder: css({
      '::after': {
--- a/public/app/plugins/datasource/loki/components/monaco-query-field/MonacoQueryField.tsx
+++ b/public/app/plugins/datasource/loki/components/monaco-query-field/MonacoQueryField.tsx
@ -89,6 +89,7 @@ const getStyles = (theme: GrafanaTheme2, placeholder: string) => {
      '.monaco-editor .suggest-widget': {
        minWidth: '50%',
      },
+      overflow: 'hidden',
    }),
    placeholder: css({
      '::after': {