From 83162dc3ec8796432a3b7e0bd252e42fe5fb4881 Mon Sep 17 00:00:00 2001 From: Sean Steimer Date: Mon, 13 Jul 2026 13:57:15 -0700 Subject: [PATCH] fix: add checkerboard bg behind images so that transparent pixels are visible --- blocks/canvas/ew-editor-doc/ew-editor-doc.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/blocks/canvas/ew-editor-doc/ew-editor-doc.css b/blocks/canvas/ew-editor-doc/ew-editor-doc.css index 8eebd644..3b8a1ded 100644 --- a/blocks/canvas/ew-editor-doc/ew-editor-doc.css +++ b/blocks/canvas/ew-editor-doc/ew-editor-doc.css @@ -50,8 +50,20 @@ } .ew-editor-doc .ProseMirror img { + --transparency-grid-size: 8px; + --transparency-grid-color-a: light-dark(#fff, #3a3a3a); + --transparency-grid-color-b: light-dark(#ccc, #505050); + max-width: 100%; height: auto; + + /* Checkerboard pattern behind the img so transparent pixels are visible */ + background-color: var(--transparency-grid-color-a); + background-image: conic-gradient( + var(--transparency-grid-color-b) 90deg, transparent 90deg 180deg, + var(--transparency-grid-color-b) 180deg 270deg, transparent 270deg + ); + background-size: var(--transparency-grid-size) var(--transparency-grid-size); } /* Table chrome matches da.live da-editor.css “COPY FROM TABLES”: wrapper holds the