From ff41a95f5f31dee03e17f2fbbd75afcc9fe4d883 Mon Sep 17 00:00:00 2001
From: CIC4DA <dhruv.jain9100@gmail.com>
Date: Tue, 6 Feb 2024 06:00:32 +0530
Subject: [PATCH] user_group_info_popover: Add the zulip-triple-user-icon.

Fixes: zulip#28756
In this commit, we are adding a triple-user-icon in front of the group's name in the user_info_group_popover.
---
 web/styles/popovers.css                            | 6 ++++++
 web/templates/popovers/user_group_info_popover.hbs | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/web/styles/popovers.css b/web/styles/popovers.css
index 6e18da1ca9..f37d8370d4 100644
--- a/web/styles/popovers.css
+++ b/web/styles/popovers.css
@@ -390,6 +390,12 @@ ul {
 
         .group-name {
             font-weight: bold;
+
+            .zulip-icon-triple-users {
+                position: relative;
+                top: 2px;
+                margin-right: 5px;
+            }
         }
     }
 
diff --git a/web/templates/popovers/user_group_info_popover.hbs b/web/templates/popovers/user_group_info_popover.hbs
index 65818f10e5..b09474737a 100644
--- a/web/templates/popovers/user_group_info_popover.hbs
+++ b/web/templates/popovers/user_group_info_popover.hbs
@@ -1,7 +1,9 @@
 <div class="group-info-popover">
     <div class="group-info-content">
         <div class="group-info">
-            <div class="group-name"> {{group_name}} </div>
+            <div class="group-name">
+                <i class="zulip-icon zulip-icon-triple-users" aria-hidden="true"></i> {{group_name}}
+            </div>
             <div class="group-description">
                 {{group_description}}
             </div>