From 29082808cb340e1b53c4e2183fb76ce623be45c9 Mon Sep 17 00:00:00 2001 From: Felix Roos Date: Thu, 14 Dec 2023 23:00:18 +0100 Subject: [PATCH] fix: make canvas visible - automate editor background handling --- packages/codemirror/codemirror.mjs | 5 +++++ website/src/pages/vanilla/index.astro | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/codemirror/codemirror.mjs b/packages/codemirror/codemirror.mjs index ca42658a..3c17826d 100644 --- a/packages/codemirror/codemirror.mjs +++ b/packages/codemirror/codemirror.mjs @@ -150,6 +150,11 @@ export class StrudelMirror { onEvaluate: () => this.evaluate(), onStop: () => this.stop(), }); + const cmEditor = this.root.querySelector('.cm-editor'); + if (cmEditor) { + this.root.style.backgroundColor = 'var(--background)'; + cmEditor.style.backgroundColor = 'transparent'; + } } async drawFirstFrame() { if (!this.onDraw) { diff --git a/website/src/pages/vanilla/index.astro b/website/src/pages/vanilla/index.astro index e5a935c0..44144bb6 100644 --- a/website/src/pages/vanilla/index.astro +++ b/website/src/pages/vanilla/index.astro @@ -7,7 +7,7 @@ import HeadCommonNew from '../../components/HeadCommonNew.astro'; Strudel Vanilla REPL - +