Make more space in embedded view

YarnSpinnerTool · Dec 7, 2024 · f620f6a · f620f6a
1 parent 0bcbf62
commit f620f6a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/scss/yarnspinner.scss b/scss/yarnspinner.scss
@@ -247,6 +247,6 @@ body {
   color: var(--bs-heading-color);
 }
 
-#mini-app-header button {
-
+body.embedded {
+  zoom: 0.8
 }
diff --git a/src/embed.html b/src/embed.html
@@ -32,7 +32,7 @@
     <meta name="twitter:creator" content="@YarnSpinnerTool" />
   </head>
 
-  <body>
+  <body class="embedded">
     <div class="container-fluid h-100 d-flex flex-column">
       <div
         class="row p-2 flex-shrink-0 align-items-center"

diff --git a/src/playground.ts b/src/playground.ts
@@ -25,6 +25,10 @@ let errorsExist = false;
 import * as yarnspinner_language from "./yarnspinner-language";
 import { scriptStorageKey } from "./constants";
 
+function isEmbeddedView() {
+  return document.body.classList.contains("embedded");
+}
+
 class SimpleVariableStorage implements yarnspinner.IVariableStorage {
   storage: { [key: string]: string | number | boolean } = {};
 
@@ -126,7 +130,9 @@ export async function load(script: string) {
     theme: "yarnspinner",
     fontFamily: "Inconsolata",
     fontSize: 18,
+    minimap: !isEmbeddedView() ? { enabled: true } : { enabled: false },
     wordWrap: "on",
+    lineNumbers: !isEmbeddedView() ? "on" : "off",
     wrappingIndent: "same",
     padding: {
       top: 10,