Fix auto-complete layout at narrow widths (#1126)

microbit-foundation · Sep 5, 2023 · 596370d · 596370d
1 parent c1be24c
commit 596370d
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/editor/codemirror/themeExtensions.ts b/src/editor/codemirror/themeExtensions.ts
@@ -77,9 +77,19 @@ export const themeExtensions = (fontSize: string) => {
     ".cm-tooltip.cm-completionInfo.cm-completionInfo-right": {
       borderLeft: "none",
     },
+    ".cm-tooltip.cm-completionInfo.cm-completionInfo-right-narrow": {
+      position: "relative",
+      left: 0,
+      maxWidth: "unset !important",
+    },
     ".cm-tooltip.cm-completionInfo.cm-completionInfo-left": {
       borderRight: "none",
     },
+    ".cm-tooltip.cm-completionInfo.cm-completionInfo-left-narrow": {
+      position: "relative",
+      left: 0,
+      maxWidth: "unset !important",
+    },
     ".cm-tooltip.cm-completionInfo": {
       width: "20rem",
       height: "10.5rem",