adding checkerboard css for white/transp. SVG

zopefoundation · Sep 6, 2023 · de24c1d · de24c1d
1 parent 53bd2c0
commit de24c1d
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/Products/CMFCore/dtml/custimage.dtml b/src/Products/CMFCore/dtml/custimage.dtml
@@ -115,7 +115,18 @@
           <dtml-var "tag(css_class='img-thumbnail', id='preview')">
       </dtml-if></span>
   </figure>
-
+  <style>
+    /* <!-- Checkerboard background visualizing white and transparency */
+    figure#preview img {
+      background-color: #fff;
+      background-position: 0px 0px, 10px 10px;
+      background-size: 20px 20px;
+      background-image: 
+        linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%),
+        linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);"
+    }
+      /* -->*/
+    </style>
 </main>
 
 <dtml-var manage_page_footer>