diff --git a/js/term/debug_screen.js b/js/term/debug_screen.js index d49d747..dc9dcee 100644 --- a/js/term/debug_screen.js +++ b/js/term/debug_screen.js @@ -4,11 +4,7 @@ module.exports = function attachDebugScreen (screen) { const debugCanvas = mk('canvas') const ctx = debugCanvas.getContext('2d') - debugCanvas.style.position = 'absolute' - // hackity hack should probably set this in CSS - debugCanvas.style.top = '6px' - debugCanvas.style.left = '6px' - debugCanvas.style.pointerEvents = 'none' + debugCanvas.classList.add('debug-canvas') let addCanvas = function () { if (!debugCanvas.parentNode) screen.canvas.parentNode.appendChild(debugCanvas) diff --git a/sass/pages/_term.scss b/sass/pages/_term.scss index 0bbc809..19df4d1 100644 --- a/sass/pages/_term.scss +++ b/sass/pages/_term.scss @@ -67,6 +67,13 @@ body.term { } } + .debug-canvas { + position: absolute; + top: 6px; + left: 6px; + pointer-events: none; + } + .debug-toolbar { line-height: 1.5; }