Hide line numbers and disable pinch zoom on mobile

zalo · claude · zalo · commit 11d05f99539b · 2026-02-23T09:59:02.000-08:00
Turn off line numbers and zero out Monaco margin/padding in portrait
mode for maximum code width. Disable user-scalable zoom via viewport
meta to prevent accidental pinch-zoom on mobile.

Co-Authored-By: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/css/main.css b/css/main.css
@@ -365,4 +365,10 @@ body {
     height: 20px;
     font-size: 10px;
   }
+  /* Remove outer padding around Monaco editor */
+  .monaco-editor,
+  .monaco-editor .overflow-guard,
+  .monaco-editor .margin {
+    padding: 0 !important;
+  }
 }
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
         <meta name="description"        content="A Full Live-Scripted CAD Kernel in the Browser">
         <meta name="keywords"           content="SCAD, OpenSCAD, CAD, OpenCascade, Scripting">
         <meta name="author"             content="Johnathon Selstad">
-        <meta name="viewport"           content="width=device-width, initial-scale=1.0">
+        <meta name="viewport"           content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
         <meta name="cascade-api"        content="window.CascadeAPI">
         <meta name="theme-color"        content="#1a1a2e">
 
diff --git a/js/MainPage/EditorManager.js b/js/MainPage/EditorManager.js
@@ -72,7 +72,9 @@ class EditorManager {
         glyphMargin: false,
         folding: false,
         lineDecorationsWidth: 0,
-        lineNumbersMinChars: 2
+        lineNumbersMinChars: 0,
+        lineNumbers: 'off',
+        padding: { top: 0, bottom: 0 }
       })
     });
     window.monacoEditor = this.editor;
diff --git a/scripts/build.js b/scripts/build.js
@@ -88,7 +88,7 @@ fs.writeFileSync(path.join(buildDir, 'index.html'), `<!DOCTYPE html>
         <meta name="description"        content="A Full Live-Scripted CAD Kernel in the Browser">
         <meta name="keywords"           content="SCAD, OpenSCAD, CAD, OpenCascade, Scripting">
         <meta name="author"             content="Johnathon Selstad">
-        <meta name="viewport"           content="width=device-width, initial-scale=1.0">
+        <meta name="viewport"           content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
         <meta name="theme-color"        content="#1a1a2e">
         <meta name="cascade-api"        content="window.CascadeAPI">
 

Original file line number	Diff line number	Diff line change
`@@ -365,4 +365,10 @@ body {`
`365`	`365`	`height: 20px;`
`366`	`366`	`font-size: 10px;`
`367`	`367`	`}`
	`368`	`+ /* Remove outer padding around Monaco editor */`
	`369`	`+ .monaco-editor,`
	`370`	`+ .monaco-editor .overflow-guard,`
	`371`	`+ .monaco-editor .margin {`
	`372`	`+ padding: 0 !important;`
	`373`	`+ }`
`368`	`374`	`}`