freetext-improve - Make boxes the same size

Author: EJMFarrow

corsscripts/ascii/stackascii.css

@@ -3,7 +3,6 @@
     border-radius: 5px;
     border: solid 1px;
     padding: 5px;
-    margin-top: 10px;
     overflow: auto;
 }
 .plaintext {

stack/cas/castext2/blocks/ascii.block.php

@@ -133,16 +133,16 @@ public function compile($format, $options): ?MP_Node {
 
         // Size from the iframe viewport so the display area tracks frame resizing.
         // Keep a configured minimum so default 400px frames start at 370px content height.
-        $astyle = "width:calc({$xpars['width']} - 20px);height:calc(100vh - 30px);";
-        $astyle .= "min-height:calc({$xpars['height']} - 30px);";
+        $astyle = "width:calc({$xpars['width']} - 13px);height:calc(100vh - 14px);";
+        $astyle .= "min-height:calc({$xpars['height']} - 14px);";
         if (array_key_exists('aspect-ratio', $xpars)) {
             $aspectratio = $xpars['aspect-ratio'];
             // Unset the undefined dimension, if both are defined then we have a problem.
             if ($existsuserheight) {
-                $astyle = "height:calc(100vh - 30px);aspect-ratio:$aspectratio;";
-                $astyle .= "min-height:calc({$xpars['height']} - 30px);";
+                $astyle = "height:calc(100vh - 14px);aspect-ratio:$aspectratio;";
+                $astyle .= "min-height:calc({$xpars['height']} - 14px);";
             } else if ($existsuserwidth) {
-                $astyle = "width:calc({$xpars['width']} - 20px);aspect-ratio:$aspectratio;";
+                $astyle = "width:calc({$xpars['width']} - 13px);aspect-ratio:$aspectratio;";
             }
         }
         $r->items[] = new MP_String('<script type="module">');

tests/ascii_block_test.php

@@ -110,7 +110,7 @@ public function test_ascii_compile_adds_default_filter_and_input_request(): void
         $expectedlinkcode = '{init(inputIds,[{"operation":"filter","type":"markdown","transforms":"asciimath,aligneq,minwrap"}]);}';
         $this->assertStringContainsString($expectedlinkcode, $joined);
         $this->assertStringContainsString(
-            'id="asciiContainerRow" style="width:calc(100% - 20px);height:calc(100vh - 30px);min-height:calc(400px - 30px);"',
+            'id="asciiContainerRow" style="width:calc(100% - 13px);height:calc(100vh - 14px);min-height:calc(400px - 14px);"',
             $joined
         );
     }
@@ -161,7 +161,7 @@ public function test_ascii_compile_uses_child_filter_and_extractor_operations():
             ',{"type":"lastexpr","targetinput":"ans2","operation":"extractor"}]);}';
         $this->assertStringContainsString($expectedlinkcode, $joined);
         $this->assertStringContainsString(
-            'id="asciiContainerRow" style="width:calc(80% - 20px);height:calc(100vh - 30px);min-height:calc(300px - 30px);"',
+            'id="asciiContainerRow" style="width:calc(80% - 13px);height:calc(100vh - 14px);min-height:calc(300px - 14px);"',
             $joined
         );
         $this->assertStringNotContainsString('"transforms":"aligneq,boldfilter"', $joined);
@@ -198,7 +198,7 @@ public function test_ascii_compile_uses_child_filter_markdown_maths(): void {
             ',{"type":"lastexpr","targetinput":"ans2","operation":"extractor"}]);}';
         $this->assertStringContainsString($expectedlinkcode, $joined);
         $this->assertStringContainsString(
-            'id="asciiContainerRow" style="width:calc(80% - 20px);height:calc(100vh - 30px);min-height:calc(300px - 30px);"',
+            'id="asciiContainerRow" style="width:calc(80% - 13px);height:calc(100vh - 14px);min-height:calc(300px - 14px);"',
             $joined
         );
         $this->assertStringNotContainsString('"transforms":"aligneq,boldfilter"', $joined);