paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 14:03:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

popovers: Improve user group popovers.

Browse Source 
This commit updates the user group popovers to change the icon
and text of ".manage-group" option to match what we have in
gear menu and also change the heading and ".manage-group"
option to be left-aligned.
This commit is contained in:
Sahil Batra
2023-12-07 09:39:52 +05:30
committed by Tim Abbott
parent a97cf5d107
commit c4ec18bc61
2 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
web/styles/popovers.css
View File

@@ -386,18 +386,29 @@ ul {
padding: 5px 0;
}
.manage-group a {
text-align: center;
}
.group-info {
text-align: center;
padding-left: 11px;
padding-right: 11px;
.group-name {
font-weight: bold;
}
}
.manage-group {
a {
display: flex;
align-items: center;
padding-left: 11px;
.zulip-icon {
position: relative;
top: -1px;
margin-right: 5px;
}
}
}
.member-list {
position: relative;
max-height: 300px;

3
web/templates/popovers/user_group_info_popover.hbs
View File

@@ -24,8 +24,7 @@
<ul class="nav nav-list manage-group">
<li>
<a href="{{group_edit_url}}">
<i class="fa fa-cog" aria-hidden="true"></i>
{{t 'Manage user groups' }}
<i class="zulip-icon zulip-icon-user-cog" aria-hidden="true"></i>{{t 'Group settings' }}
</a>
</li>
</ul>