added ellipsis

Author: Templarian

src/components/pg/poco/__examples__/basic/basic.html

@@ -1,6 +1,10 @@
 <div class="example">
-  <pg-poco part="poco"></pg-poco>
-  <select part="list"></select>
+  <div style="box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.3);width:min-content;margin-bottom: 0.5rem;">
+    <pg-poco part="poco"></pg-poco>
+  </div>
+  <label>Demo:
+    <select part="list"></select>
+  </label>
   <textarea part="code" rows="15" spellcheck="false" style="margin-top:0.5rem;width:calc(100% - 1rem);padding:0.5rem;border-radius:0.5rem;"></textarea>
   <button part="run">Run</button>
   <pre part="error" style="padding: 0.5rem;border: 1px solid rgb(128 0 0);border-radius: 0.25rem;background: rgba(128, 0, 0, 0.1);"></pre>

src/components/pg/poco/__examples__/basic/examples.ts

@@ -146,7 +146,7 @@ export const demos = [
       poco.drawText("Hello, Poco!", myFont, white, 10, 10);
       poco.drawText("MyFont bitmap font.", myFont, black, 10, 10 + myFont.height + 4);
       poco.fillRectangle(white, 0, 80, poco.width, 1);
-      poco.drawText("This text is too long to fit without truncation.", myFont, black, 10, 90, 200);
+      poco.drawText("This text is too long to fit without truncation.", myFont, black, 10, 90, 195);
       poco.drawText("Full width fits fine.", myFont, black, 10, 90 + myFont.height + 4, poco.width - 20);
       poco.end();
     }