From 1ca940d7deeaf62b8353ecce170c39b32b6f94d5 Mon Sep 17 00:00:00 2001 From: Himalini Gururaj Date: Thu, 9 Feb 2023 00:09:11 -0500 Subject: [PATCH 1/2] partially resolved resizer --- visualizer.html | 96 ++++++++++++++++++++++++++++--------------------- 1 file changed, 56 insertions(+), 40 deletions(-) diff --git a/visualizer.html b/visualizer.html index 985dd69..7f57ada 100644 --- a/visualizer.html +++ b/visualizer.html @@ -58,13 +58,15 @@ } #bottom { width:100vw; - flex-grow:1; + /* flex-grow:1; */ display:flex; flex-flow: row; } #visualizer { - width:50vw; + width:100%; position:relative; + flex-flow: column; + overflow: hidden; } #show { width: 100%; @@ -72,14 +74,18 @@ position:absolute; } #editor { - flex-grow:1; - flex-basis:20vw; + /* flex-grow:1; */ + /* flex-basis:20vw; */ + width: 50%; display:flex; - flex-flow: column; + /* flex-flow: column; */ } + + + #editor-text { width:100%; - flex-grow:1; + /* flex-grow:1; */ } button, #fileLabel { @@ -141,9 +147,11 @@ } #codeWrapper { - flex-grow:1; - flex-basis:20vw; + /* flex-grow:1; */ + /* flex-basis:20vw; */ + /* width: 40vw; */ max-width:30em; + min-width: 25em; display:block; margin:0; position:relative; @@ -159,6 +167,8 @@ display:flex; flex-flow: column; } + + .lineNumber { color: #888; width: 2.5em; @@ -170,28 +180,32 @@ display: inline-block; padding: 0.2em 2em 0.2em 0.5em; width: 100%; - box-sizing: border-box; + box-sizing: content-box; +} +.resizable { + resize: horizontal; + overflow: auto; + border: 1px solid; + display: inline-flex; + height: 96vh; } -
- - -(no file loaded) - - - - -github page; -report a bug + + + (no file loaded) + + + + + github page; + report a bug
- - -
-
+
+
//import the knitout writer code and instantiate it as an object const knitout = require('knitout'); k = new knitout.Writer({carriers:['1', '2', '3', '4', '5', '6', '7', '8', '9', '10']}); @@ -203,14 +217,14 @@ k.inhook(Carrier); for(var i=3;i>=0;i -= 2){ - k.tuck("-","f"+i,Carrier); + k.tuck("-","f"+i,Carrier); } for(var i=0;i<=3;i += 2){ - k.tuck("+","f"+i,Carrier); + k.tuck("+","f"+i,Carrier); } for(var i=3;i>=0;i--){ - k.knit("-","f"+i,Carrier); + k.knit("-","f"+i,Carrier); } k.xfer("f0","b0"); @@ -227,30 +241,31 @@ k.xfer("fs2", "b2"); for(var i=0;i<2;i++){ - k.knit("+","b0",Carrier); - k.knit("+","b2",Carrier); - k.knit("-","f3",Carrier); - k.knit("-","f1",Carrier); + k.knit("+","b0",Carrier); + k.knit("+","b2",Carrier); + k.knit("-","f3",Carrier); + k.knit("-","f1",Carrier); } k.outhook(Carrier); k.write('wristband.k'); -
-
+
+
- + -
- -
+
+ + +
-
+ @@ -270,6 +285,7 @@ var show = document.getElementById('show'); window.addEventListener('resize', function(){ + console.log("resizng") show.showKnitout.requestDraw(); }); From 86e1df01d69121084452a07c36ed885406871010 Mon Sep 17 00:00:00 2001 From: Himalini Gururaj Date: Thu, 9 Feb 2023 00:34:45 -0500 Subject: [PATCH 2/2] cleanup --- visualizer.html | 56 ++++++++++++++++++++----------------------------- 1 file changed, 23 insertions(+), 33 deletions(-) diff --git a/visualizer.html b/visualizer.html index 7f57ada..2af1b91 100644 --- a/visualizer.html +++ b/visualizer.html @@ -58,7 +58,6 @@ } #bottom { width:100vw; - /* flex-grow:1; */ display:flex; flex-flow: row; } @@ -74,18 +73,14 @@ position:absolute; } #editor { - /* flex-grow:1; */ - /* flex-basis:20vw; */ width: 50%; display:flex; - /* flex-flow: column; */ } #editor-text { width:100%; - /* flex-grow:1; */ } button, #fileLabel { @@ -147,9 +142,6 @@ } #codeWrapper { - /* flex-grow:1; */ - /* flex-basis:20vw; */ - /* width: 40vw; */ max-width:30em; min-width: 25em; display:block; @@ -180,7 +172,7 @@ display: inline-block; padding: 0.2em 2em 0.2em 0.5em; width: 100%; - box-sizing: content-box; + box-sizing: border-box; } .resizable { resize: horizontal; @@ -192,20 +184,20 @@
- - - (no file loaded) - - - - - github page; - report a bug + + +(no file loaded) + + + + +github page; +report a bug
-
-
+
+
//import the knitout writer code and instantiate it as an object const knitout = require('knitout'); k = new knitout.Writer({carriers:['1', '2', '3', '4', '5', '6', '7', '8', '9', '10']}); @@ -224,7 +216,7 @@ } for(var i=3;i>=0;i--){ - k.knit("-","f"+i,Carrier); + k.knit("-","f"+i,Carrier); } k.xfer("f0","b0"); @@ -251,21 +243,20 @@ k.write('wristband.k'); -
-
+
+
- + -
- - -
+
+ +
- +
@@ -285,7 +276,6 @@ var show = document.getElementById('show'); window.addEventListener('resize', function(){ - console.log("resizng") show.showKnitout.requestDraw(); });