From 2f7d948074346ecd145af414abd4d3f25075aeb0 Mon Sep 17 00:00:00 2001 From: Princiya Sequeira Date: Mon, 25 Apr 2022 19:45:23 +0200 Subject: [PATCH] added error class to the errorElement in base.ts --- pyscriptjs/src/components/base.ts | 7 +++++-- pyscriptjs/src/components/pyrepl.ts | 2 +- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/pyscriptjs/src/components/base.ts b/pyscriptjs/src/components/base.ts index 113beaa..5cc4904 100644 --- a/pyscriptjs/src/components/base.ts +++ b/pyscriptjs/src/components/base.ts @@ -1,5 +1,5 @@ import { componentDetailsNavOpen, loadedEnvironments, mode, pyodideLoaded } from '../stores'; -import { guidGenerator } from '../utils'; +import { guidGenerator, addClasses } from '../utils'; // Premise used to connect to the first available pyodide interpreter let pyodideReadyPromise; let environments; @@ -144,7 +144,10 @@ export class BaseEvalElement extends HTMLElement { Element = pyodide.globals.get('Element'); } const out = Element(this.errorElement.id); - out.write.callKwargs(err, { append: true }); + + addClasses(this.errorElement, ['bg-red-200', 'p-2']); + // @ts-ignore + out.write.callKwargs(err, { append : true}); this.errorElement.hidden = false; this.errorElement.style.display = 'block'; } diff --git a/pyscriptjs/src/components/pyrepl.ts b/pyscriptjs/src/components/pyrepl.ts index 7a445a3..bb62321 100644 --- a/pyscriptjs/src/components/pyrepl.ts +++ b/pyscriptjs/src/components/pyrepl.ts @@ -77,7 +77,7 @@ export class PyRepl extends BaseEvalElement { // }) ]; const customTheme = EditorView.theme({ - '.cm-focused .cm-editor, .cm-editor ::selection': { outline: '0px' }, + '&.cm-focused .cm-editor': { outline: '0px' }, '.cm-scroller': { lineHeight: 2.5 }, '.cm-activeLine': { backgroundColor: '#fff' }, '.cm-content': { padding: 0, backgroundColor: '#f5f5f5' },