jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-21 16:26:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix codemirror active line (#8558)

Browse Source 
fixes #8556
This commit is contained in:
Bram Kragten 2021-03-05 15:01:22 +01:00 committed by GitHub
parent d715867b09
commit 845411b48c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/ha-code-editor.ts
View File

@ -126,6 +126,7 @@ export class HaCodeEditor extends UpdatingElement {
this._loadedCodeMirror.history(), this._loadedCodeMirror.history(),
this._loadedCodeMirror.highlightSelectionMatches(), this._loadedCodeMirror.highlightSelectionMatches(),
this._loadedCodeMirror.highlightActiveLine(), this._loadedCodeMirror.highlightActiveLine(),
this._loadedCodeMirror.drawSelection(),
this._loadedCodeMirror.rectangularSelection(), this._loadedCodeMirror.rectangularSelection(),
this._loadedCodeMirror.keymap.of([ this._loadedCodeMirror.keymap.of([
...this._loadedCodeMirror.defaultKeymap, ...this._loadedCodeMirror.defaultKeymap,

6
src/resources/codemirror.ts
View File

@ -6,7 +6,7 @@ import { yaml } from "@codemirror/legacy-modes/mode/yaml";
import { indentLess, indentMore } from "@codemirror/commands"; import { indentLess, indentMore } from "@codemirror/commands";
import { Compartment } from "@codemirror/state"; import { Compartment } from "@codemirror/state";
export { keymap, highlightActiveLine } from "@codemirror/view"; export { keymap, highlightActiveLine, drawSelection } from "@codemirror/view";
export { CMEditorView as EditorView }; export { CMEditorView as EditorView };
export { EditorState, Prec } from "@codemirror/state"; export { EditorState, Prec } from "@codemirror/state";
export { defaultKeymap } from "@codemirror/commands"; export { defaultKeymap } from "@codemirror/commands";
@ -49,6 +49,10 @@ export const theme = CMEditorView.theme({
backgroundColor: "rgba(var(--rgb-primary-color), 0.3)", backgroundColor: "rgba(var(--rgb-primary-color), 0.3)",
}, },
".cm-activeLine": {
backgroundColor: "rgba(var(--rgb-secondary-text-color), 0.1)",
},
".cm-scroller": { outline: "none" }, ".cm-scroller": { outline: "none" },
".cm-content": { caretColor: "var(--secondary-text-color)" }, ".cm-content": { caretColor: "var(--secondary-text-color)" },