Mercurial > libervia-templates

changeset 390:38635d393089

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma (chat/reactions): use a special style for reactions made by the user.
author Goffi <goffi@goffi.org>
date Wed, 13 Dec 2023 22:01:46 +0100
parents 2eaea9a9c234
children cb3e75c7c999
files sat_templates/templates/bulma/chat/reactions.html sat_templates/templates/bulma/static/styles.css
diffstat 2 files changed, 13 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- 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>
--- 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 *
  *************/