# HG changeset patch
# User Goffi <goffi@goffi.org>
# Date 1702501306 -3600
# Node ID 38635d393089e0fa2b72e690961cb6c9843ee672
# Parent  2eaea9a9c234fe5c4e97d65b152280f62fddc79f
bulma (chat/reactions): use a special style for reactions made by the user.

diff -r 2eaea9a9c234 -r 38635d393089 sat_templates/templates/bulma/chat/reactions.html
--- a/sat_templates/templates/bulma/chat/reactions.html	Wed Dec 13 22:01:20 2023 +0100
+++ b/sat_templates/templates/bulma/chat/reactions.html	Wed Dec 13 22:01:46 2023 +0100
@@ -1,7 +1,15 @@
 <div class="reactions-container is-flex-wrap-wrap">
+
+    {% if chat_type == "group" %}
+        {% set local_jid = own_local_jid %}
+    {% else %}
+        {% set local_jid = own_local_jid|bare_jid %}
+    {% endif %}
+
     {% for emoji, jids in reactions.items() %}
+        {% set own_reaction = local_jid in jids %}
         <div
-                class="reaction box is-shadowless is-inline-flex is-align-items-center my-1 ml-0 mr-2 px-2 py-1 is-size-6 has-background-light has-border is-not-selectable"
+                class="reaction box is-shadowless is-inline-flex is-align-items-center my-1 ml-0 mr-2 px-2 py-1 is-size-6 has-background-light has-border is-not-selectable {{ 'own-reaction' if own_reaction }}"
                 data-jids='{{jids|tojson}}'
                 >
             <span class="emoji has-text-weight-semibold">{{ emoji }}</span>
diff -r 2eaea9a9c234 -r 38635d393089 sat_templates/templates/bulma/static/styles.css
--- a/sat_templates/templates/bulma/static/styles.css	Wed Dec 13 22:01:20 2023 +0100
+++ b/sat_templates/templates/bulma/static/styles.css	Wed Dec 13 22:01:46 2023 +0100
@@ -642,6 +642,10 @@
     margin-right: .5rem; /* Space between emoji and counter using rem unit */
 }
 
+.own-reaction {
+    border-color: #3273dc;
+}
+
 /**************
  * animations *
  *************/