From adf6f2439e492956d26a623107078ec7421c0d78 Mon Sep 17 00:00:00 2001 From: Julius Volz Date: Fri, 19 Nov 2021 21:58:49 +0300 Subject: [PATCH] Fix focused expression input outline styling (#9829) This is necessary due to this change in upstream CodeMirror: https://github.com/codemirror/view/commit/73ec1a70bebc41cdd7ffd32c14d67355bbbb8970#diff-0e21fb1c9519a397050defc2148a2d1b966a0982cc4cf196e1e6b007f8d095e5 Currently the expression input shows a weird dotted outline when focused. Signed-off-by: Julius Volz --- web/ui/react-app/src/pages/graph/CMTheme.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web/ui/react-app/src/pages/graph/CMTheme.tsx b/web/ui/react-app/src/pages/graph/CMTheme.tsx index 87de82ba3..cd2aa69a4 100644 --- a/web/ui/react-app/src/pages/graph/CMTheme.tsx +++ b/web/ui/react-app/src/pages/graph/CMTheme.tsx @@ -2,7 +2,7 @@ import { HighlightStyle, tags } from '@codemirror/highlight'; import { EditorView } from '@codemirror/view'; export const baseTheme = EditorView.theme({ - '&': { + '&.cm-editor': { '&.cm-focused': { outline: 'none', outline_fallback: 'none',