From 94a373f79b7400e3dee2d5ca9d6751fa4ebbf015 Mon Sep 17 00:00:00 2001
From: raortegar <raquel.ortega@moodle.com>
Date: Tue, 10 Sep 2024 12:44:44 +0200
Subject: [PATCH] MDL-83074 AI: Placement Text Editor - White icon on button

---
 .../tiny/plugins/aiplacement/pix/sparkles-white.svg       | 8 ++++++++
 lib/editor/tiny/plugins/aiplacement/styles.css            | 3 ++-
 .../aiplacement/templates/modalfooterimage.mustache       | 2 +-
 .../aiplacement/templates/modalfootertext.mustache        | 2 +-
 4 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 lib/editor/tiny/plugins/aiplacement/pix/sparkles-white.svg

diff --git a/lib/editor/tiny/plugins/aiplacement/pix/sparkles-white.svg b/lib/editor/tiny/plugins/aiplacement/pix/sparkles-white.svg
new file mode 100644
index 00000000000..ee7f381b36f
--- /dev/null
+++ b/lib/editor/tiny/plugins/aiplacement/pix/sparkles-white.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.5 2C6.5 2 6.74829 4.31747 7.71541 5.28459C8.68253 6.25171 11 6.5 11 6.5C11 6.5 8.68253 6.74829 7.71541 7.71541C6.74829 8.68253 6.5 11 6.5 11C6.5 11 6.25171 8.68253 5.28459 7.71541C4.31747 6.74829 2 6.5 2 6.5C2 6.5 4.31747 6.25171 5.28459 5.28459C6.25171 4.31747 6.5 2 6.5 2Z" fill="#ffffff"/>
+<path d="M13 10C13 10 13.1103 11.03 13.5402 11.4598C13.97 11.8897 15 12 15 12C15 12 13.97 12.1103 13.5402 12.5402C13.1103 12.97 13 14 13 14C13 14 12.8896 12.97 12.4598 12.5402C12.03 12.1103 11 12 11 12C11 12 12.03 11.8897 12.4598 11.4598C12.8896 11.03 13 10 13 10Z" fill="#ffffff"/>
+<path d="M16 2C16 2 16.1103 3.02999 16.5402 3.45982C16.97 3.88965 18 4 18 4C18 4 16.97 4.11035 16.5402 4.54018C16.1103 4.97001 16 6 16 6C16 6 15.8896 4.97001 15.4598 4.54018C15.03 4.11035 14 4 14 4C14 4 15.03 3.88965 15.4598 3.45982C15.8896 3.02999 16 2 16 2Z" fill="#ffffff"/>
+<path d="M6.5 2C6.5 2 6.74829 4.31747 7.71541 5.28459C8.68253 6.25171 11 6.5 11 6.5C11 6.5 8.68253 6.74829 7.71541 7.71541C6.74829 8.68253 6.5 11 6.5 11C6.5 11 6.25171 8.68253 5.28459 7.71541C4.31747 6.74829 2 6.5 2 6.5C2 6.5 4.31747 6.25171 5.28459 5.28459C6.25171 4.31747 6.5 2 6.5 2Z" stroke="#ffffff" stroke-linejoin="round"/>
+<path d="M13 10C13 10 13.1103 11.03 13.5402 11.4598C13.97 11.8897 15 12 15 12C15 12 13.97 12.1103 13.5402 12.5402C13.1103 12.97 13 14 13 14C13 14 12.8896 12.97 12.4598 12.5402C12.03 12.1103 11 12 11 12C11 12 12.03 11.8897 12.4598 11.4598C12.8896 11.03 13 10 13 10Z" stroke="#ffffff" stroke-linejoin="round"/>
+<path d="M16 2C16 2 16.1103 3.02999 16.5402 3.45982C16.97 3.88965 18 4 18 4C18 4 16.97 4.11035 16.5402 4.54018C16.1103 4.97001 16 6 16 6C16 6 15.8896 4.97001 15.4598 4.54018C15.03 4.11035 14 4 14 4C14 4 15.03 3.88965 15.4598 3.45982C15.8896 3.02999 16 2 16 2Z" stroke="#ffffff" stroke-linejoin="round"/>
+</svg>
diff --git a/lib/editor/tiny/plugins/aiplacement/styles.css b/lib/editor/tiny/plugins/aiplacement/styles.css
index a149859c70d..8e1ce78aca1 100644
--- a/lib/editor/tiny/plugins/aiplacement/styles.css
+++ b/lib/editor/tiny/plugins/aiplacement/styles.css
@@ -181,7 +181,8 @@
 }
 
 .tiny-aiplacement-generate-footer button img {
-    width: 1em;
+    width: 1.5em;
+    margin-right: 0.2em;
 }
 
 .tiny-aiplacement-error-display {
diff --git a/lib/editor/tiny/plugins/aiplacement/templates/modalfooterimage.mustache b/lib/editor/tiny/plugins/aiplacement/templates/modalfooterimage.mustache
index 90a41c682c6..4b0704ebdee 100644
--- a/lib/editor/tiny/plugins/aiplacement/templates/modalfooterimage.mustache
+++ b/lib/editor/tiny/plugins/aiplacement/templates/modalfooterimage.mustache
@@ -43,7 +43,7 @@
             data-action="generate"
             disabled="disabled">
         <span class="d-inline-block">
-            {{#pix}} sparkles, tiny_aiplacement {{/pix}}
+            {{#pix}} sparkles-white, tiny_aiplacement {{/pix}}
         </span>
         <span class="d-inline-block">
             {{#str}} generateimage, tiny_aiplacement {{/str}}
diff --git a/lib/editor/tiny/plugins/aiplacement/templates/modalfootertext.mustache b/lib/editor/tiny/plugins/aiplacement/templates/modalfootertext.mustache
index a655f68ec8f..8fe7daa8c77 100644
--- a/lib/editor/tiny/plugins/aiplacement/templates/modalfootertext.mustache
+++ b/lib/editor/tiny/plugins/aiplacement/templates/modalfootertext.mustache
@@ -39,7 +39,7 @@
     </button>
     <button id="{{elementid}}_tiny_aiplacement_generatebutton" type="button" class="btn btn-primary" data-action="generate" disabled="disabled">
         <span class="d-inline-block">
-            {{#pix}} sparkles, tiny_aiplacement {{/pix}}
+            {{#pix}} sparkles-white, tiny_aiplacement {{/pix}}
         </span>
         <span class="d-inline-block">
             {{#str}} generatetext, tiny_aiplacement {{/str}}