diff --git a/src-web/components/core/Editor/Editor.css b/src-web/components/core/Editor/Editor.css index 090479b3..d74335b7 100644 --- a/src-web/components/core/Editor/Editor.css +++ b/src-web/components/core/Editor/Editor.css @@ -272,7 +272,7 @@ } .cm-editor .cm-panels { - @apply bg-gray-100 p-1 border-0 text-gray-800 z-20 rounded-md; + @apply bg-gray-100 backdrop-blur-sm p-1 mb-1 text-gray-800 z-20 rounded-md; input, button { diff --git a/src-web/components/core/Editor/extensions.ts b/src-web/components/core/Editor/extensions.ts index 39deef4a..6c0162ff 100644 --- a/src-web/components/core/Editor/extensions.ts +++ b/src-web/components/core/Editor/extensions.ts @@ -18,7 +18,7 @@ import { } from '@codemirror/language'; import { lintKeymap } from '@codemirror/lint'; -import { highlightSelectionMatches, searchKeymap } from '@codemirror/search'; +import { searchKeymap } from '@codemirror/search'; import { EditorState } from '@codemirror/state'; import { crosshairCursor, @@ -156,7 +156,6 @@ export const multiLineExtensions = [ rectangularSelection(), crosshairCursor(), highlightActiveLineGutter(), - highlightSelectionMatches({ minSelectionLength: 2 }), keymap.of([ indentWithTab, ...closeBracketsKeymap,