update max-width for ace tooltip

apache · Apr 23, 2024 · 35908ba · 35908ba
1 parent c2c5c42
commit 35908ba
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/superset-frontend/src/SqlLab/components/AceEditorWrapper/index.tsx b/superset-frontend/src/SqlLab/components/AceEditorWrapper/index.tsx
@@ -22,6 +22,7 @@ import { useDispatch } from 'react-redux';
 import { css, styled, usePrevious, useTheme } from '@superset-ui/core';
 import { Global } from '@emotion/react';
 
+import { SQL_EDITOR_LEFTBAR_WIDTH } from 'src/SqlLab/constants';
 import { queryEditorSetSelectedText } from 'src/SqlLab/actions/sqlLab';
 import { FullSQLEditor as AceEditor } from 'src/components/AsyncAceEditor';
 import type { KeyboardShortcut } from 'src/SqlLab/components/KeyboardShortcutButton';
@@ -189,6 +190,10 @@ const AceEditorWrapper = ({
             width: ${theme.gridUnit * 130}px !important;
           }
 
+          .ace_tooltip {
+            max-width: ${SQL_EDITOR_LEFTBAR_WIDTH}px;
+          }
+
           .ace_scroller {
             background-color: ${theme.colors.grayscale.light4};
           }