user_group_info_popover: Remove bootstrap popover classes.

Added a `group-info-content` inplace of them and added the required
CSS.
This commit is contained in:
Aman Agrawal 2023-10-09 17:31:37 +00:00 committed by Tim Abbott
parent 04c4b6e8b8
commit a04117b6d3
2 changed files with 33 additions and 31 deletions

View File

@ -337,6 +337,10 @@ ul {
}
.group-info-popover {
.group-info-content {
padding: 5px 0;
}
.manage-group a {
text-align: center;
}

View File

@ -1,36 +1,34 @@
<div class="group-info-popover">
<div class="popover-inner">
<div class="popover-content">
<div class="group-info">
<div class="group-name"> {{group_name}} </div>
<div class="group-description">
{{group_description}}
</div>
<div class="group-info-content">
<div class="group-info">
<div class="group-name"> {{group_name}} </div>
<div class="group-description">
{{group_description}}
</div>
<hr />
<ul class="nav nav-list member-list" data-simplebar data-simplebar-auto-hide="false">
{{#each members}}
<li>
{{#if is_active }}
{{#if is_bot}}
<i class="zulip-icon zulip-icon-bot" aria-hidden="true"></i>
{{else}}
<span class="user_circle {{user_circle_class}} popover_user_presence" title="{{user_last_seen_time_status}}"></span>
{{/if}}
{{/if}}
<span>{{full_name}}</span>
</li>
{{/each}}
</ul>
<hr />
<ul class="nav nav-list manage-group">
<li>
<a href="#organization/user-groups-admin">
<i class="fa fa-cog" aria-hidden="true"></i>
{{t 'Manage user groups' }}
</a>
</li>
</ul>
</div>
<hr />
<ul class="nav nav-list member-list" data-simplebar data-simplebar-auto-hide="false">
{{#each members}}
<li>
{{#if is_active }}
{{#if is_bot}}
<i class="zulip-icon zulip-icon-bot" aria-hidden="true"></i>
{{else}}
<span class="user_circle {{user_circle_class}} popover_user_presence" title="{{user_last_seen_time_status}}"></span>
{{/if}}
{{/if}}
<span>{{full_name}}</span>
</li>
{{/each}}
</ul>
<hr />
<ul class="nav nav-list manage-group">
<li>
<a href="#organization/user-groups-admin">
<i class="fa fa-cog" aria-hidden="true"></i>
{{t 'Manage user groups' }}
</a>
</li>
</ul>
</div>
</div>