feat(web): add xtext content assist

1 files changed, 10 insertions, 2 deletions

diff --git a/language-web/src/main/js/editor/EditorParent.ts b/language-web/src/main/js/editor/EditorParent.ts
index a2f6c266..0a25214b 100644
--- a/language-web/src/main/js/editor/EditorParent.ts
+++ b/language-web/src/main/js/editor/EditorParent.ts
@@ -5,13 +5,15 @@ export const EditorParent = styled('div')(({ theme }) => ({
   '&, .cm-editor': {
     height: '100%',
   },
-  '.cm-scroller': {
+  '.cm-scroller, .cm-tooltip-autocomplete, .cm-completionLabel, .cm-completionDetail': {
     fontSize: 16,
     fontFamily: '"JetBrains MonoVariable", "JetBrains Mono", monospace',
     fontFeatureSettings: '"liga", "calt"',
     fontWeight: 400,
     letterSpacing: 0,
     textRendering: 'optimizeLegibility',
+  },
+  '.cm-scroller': {
     color: theme.palette.text.secondary,
   },
   '.cm-gutters': {
@@ -59,7 +61,7 @@ export const EditorParent = styled('div')(({ theme }) => ({
     color: theme.palette.text.secondary,
   },
   '.cmt-comment': {
-    fontVariant: 'italic',
+    fontStyle: 'italic',
     color: theme.palette.text.disabled,
   },
   '.cmt-number': {
@@ -77,4 +79,10 @@ export const EditorParent = styled('div')(({ theme }) => ({
   '.cmt-variableName': {
     color: '#c8ae9d',
   },
+  '.cm-completionIcon': {
+    width: 16,
+    padding: 0,
+    marginRight: '0.5em',
+    textAlign: 'center',
+  },
 }));