sfja/karlkoder-playground
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix console overflow for reals

Browse Source
This commit is contained in:
Reimar 2025-10-10 12:13:15 +02:00
parent 7940cf70f4
commit eec7f160d9
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -2,10 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta <meta name="viewport" content="width=device-width, initial-scale=1.0">
name="viewport"
content="width=device-width, initial-scale=1.0"
>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Karlkoder Playground</title> <title>Karlkoder Playground</title>
@ -63,10 +60,10 @@
<section> <section>
<div class="section-header">Output</div> <div class="section-header">Output</div>
<canvas id="canvas-area"> </canvas> <canvas id="canvas-area" width="480" height="360"></canvas>
</section> </section>
<section> <section id="console-section">
<div class="section-header"> <div class="section-header">
Console Console
</div> </div>

10
style.css
View File

@ -35,7 +35,6 @@ section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: black; background-color: black;
overflow-y: auto;
} }
section canvas { section canvas {
@ -81,13 +80,17 @@ div#buttons > * > button {
#canvas-area { #canvas-area {
background-color: black; background-color: black;
width: 480px; }
height: 360px;
#console-section {
min-height: 0;
flex: 0 1 100%;
} }
#console { #console {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: scroll;
} }
#console pre { #console pre {
@ -122,6 +125,7 @@ div#buttons > * > button {
#editor-area { #editor-area {
width: 100%; width: 100%;
overflow-y: auto;
} }
#editor { #editor {