diff --git a/js/term/debug.js b/js/term/debug.js index d6f0827..61c65c8 100644 --- a/js/term/debug.js +++ b/js/term/debug.js @@ -58,7 +58,7 @@ module.exports = function attachDebugger (screen, connection) { }, drawEnd () { endTime = Date.now() - console.log(drawInfo.textContent = `Draw: ${lastReason} (${(endTime - startTime)} ms) with graphics=${screen.layout.renderer.graphics}`) + drawInfo.textContent = `Draw: ${lastReason} (${(endTime - startTime)} ms), fancy_gfx=${screen.window.graphics}` startDrawing() }, setCell (cell, flags) { @@ -253,7 +253,7 @@ module.exports = function attachDebugger (screen, connection) { buttons.appendChild(redraw) const fancyGraphics = mk('button') - fancyGraphics.textContent = 'Toggle Graphics' + fancyGraphics.textContent = 'Toggle Fancy Graphics' fancyGraphics.addEventListener('click', e => { screen.layout.renderer.graphics = +!screen.layout.renderer.graphics screen.layout.renderer.draw('set-graphics') diff --git a/sass/pages/_term.scss b/sass/pages/_term.scss index 4b7bfa7..3b2f54e 100644 --- a/sass/pages/_term.scss +++ b/sass/pages/_term.scss @@ -114,18 +114,27 @@ body.term { .debug-toolbar { line-height: 1.5; text-align: left; - padding: 6px; + padding: 6px 12px 12px 12px; font-family: $screen-stack; font-size: 12px; white-space: normal; + .toolbar-buttons { + button { + margin-right: 5px; + } + } + .heartbeat { float: right; font-family: $font-stack; + color: crimson; + font-size: 120%; + padding-right: 5px; &.beat { animation-name: heartbeat-beat; - animation-duration: 2s; + animation-duration: 3s; animation-fill-mode: forwards; @keyframes heartbeat-beat {