From c7adc5ee74646f93b0eabcdd19e07000d0f9fe67 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Wed, 23 Aug 2023 14:12:40 -0500
Subject: [PATCH] actions: Show an arrow and render a tooltip on @ indicator.

---
 web/styles/recent_topics.css       | 2 ++
 web/templates/recent_topic_row.hbs | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/styles/recent_topics.css b/web/styles/recent_topics.css
index 92d95c2e70..5349207047 100644
--- a/web/styles/recent_topics.css
+++ b/web/styles/recent_topics.css
@@ -175,6 +175,8 @@
             margin-right: 0;
             /* Match with its font-size. */
             line-height: 14px;
+            /* Present a default/arrow cursor */
+            cursor: default;
         }
 
         .unread_hidden {
diff --git a/web/templates/recent_topic_row.hbs b/web/templates/recent_topic_row.hbs
index 7825764342..ae0c861acc 100644
--- a/web/templates/recent_topic_row.hbs
+++ b/web/templates/recent_topic_row.hbs
@@ -51,7 +51,8 @@
                     </div>
                 </div>
                 {{else}}
-                <span class="unread_mention_info {{#unless mention_in_unread}}unread_hidden{{/unless}}">@</span>
+                <span class="unread_mention_info tippy-zulip-tooltip {{#unless mention_in_unread}}unread_hidden{{/unless}}"
+                  data-tippy-content="{{t 'You have mentions'}}">@</span>
                 <div class="recent_topic_actions">
                     <div class="recent_topics_focusable hidden-for-spectators">
                         <span class="unread_count {{#unless unread_count}}unread_hidden{{/unless}} tippy-zulip-tooltip on_hover_topic_read" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}" data-tippy-content="{{t 'Mark as read' }}" role="button" tabindex="0" aria-label="{{t 'Mark as read' }}">{{unread_count}}</span>