@marimo-team/islands 0.21.2-dev70 → 0.21.2-dev72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marimo-team/islands",
-  "version": "0.21.2-dev70",
+  "version": "0.21.2-dev72",
   "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "type": "module",

package/src/css/md.css

@@ -12,6 +12,16 @@
   margin-block-end: 0;
 }
 
+.markdown ul li,
+.markdown ol li {
+  margin-block: 0;
+}
+
+/* Restore browser default bullet cycling that Tailwind Typography overrides */
+.markdown ul ul {
+  list-style-type: revert;
+}
+
 .markdown h1 {
   text-align: start;
 }

package/src/plugins/impl/matplotlib/matplotlib-renderer.ts

@@ -301,8 +301,9 @@ export class MatplotlibRenderer {
     canvas.width = this.#state.width * dpr;
     canvas.height = this.#state.height * dpr;
     canvas.style.width = `${this.#state.width}px`;
-    canvas.style.height = `${this.#state.height}px`;
     canvas.style.maxWidth = "100%";
+    canvas.style.height = "auto";
+    canvas.style.aspectRatio = `${this.#state.width} / ${this.#state.height}`;
     canvas.style.touchAction = "none";
     container.append(canvas);
     this.#canvas = canvas;
@@ -344,7 +345,9 @@ export class MatplotlibRenderer {
       this.#canvas.width = state.width * dpr;
       this.#canvas.height = state.height * dpr;
       this.#canvas.style.width = `${state.width}px`;
-      this.#canvas.style.height = `${state.height}px`;
+      this.#canvas.style.maxWidth = "100%";
+      this.#canvas.style.height = "auto";
+      this.#canvas.style.aspectRatio = `${state.width} / ${state.height}`;
       needsRedraw = true;
     }