feat: change the icon loading mode

change the icon loading mode to html, which facilitates changing the icon color
bpmn-io · May 25, 2023 · 485674d · 485674d
1 parent 0653b33
commit 485674d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/colors/ColorContextPadProvider.js b/colors/ColorContextPadProvider.js
@@ -1,6 +1,6 @@
 const colorImageSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"><path d="m12.5 5.5.3-.4 3.6-3.6c.5-.5 1.3-.5 1.7 0l1 1c.5.4.5 1.2 0 1.7l-3.6 3.6-.4.2v.2c0 1.4.6 2 1 2.7v.6l-1.7 1.6c-.2.2-.4.2-.6 0L7.3 6.6a.4.4 0 0 1 0-.6l.3-.3.5-.5.8-.8c.2-.2.4-.1.6 0 .9.5 1.5 1.1 3 1.1zm-9.9 6 4.2-4.2 6.3 6.3-4.2 4.2c-.3.3-.9.3-1.2 0l-.8-.8-.9-.8-2.3-2.9" /></svg>';
 
-const colorImageUrl = 'data:image/svg+xml;utf8,' + encodeURIComponent(colorImageSvg);
+
 
 
 export default function ColorContextPadProvider(contextPad, popupMenu, canvas, translate) {
@@ -44,7 +44,7 @@ ColorContextPadProvider.prototype._createPopupAction = function(elements) {
       group: 'edit',
       className: 'bpmn-icon-color',
       title: translate('Set Color'),
-      imageUrl: colorImageUrl,
+      html: `<div class="entry">${colorImageSvg}</div>`,
       action: {
         click: (event, element) => {