paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-05 22:43:42 +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; padding: 5px 0;
} }
.manage-group a {
text-align: center;
}
.group-info { .group-info {
text-align: center; padding-left: 11px;
padding-right: 11px;
.group-name { .group-name {
font-weight: bold; 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 { .member-list {
position: relative; position: relative;
max-height: 300px; 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"> <ul class="nav nav-list manage-group">
<li> <li>
<a href="{{group_edit_url}}"> <a href="{{group_edit_url}}">
<i class="fa fa-cog" aria-hidden="true"></i> <i class="zulip-icon zulip-icon-user-cog" aria-hidden="true"></i>{{t 'Group settings' }}
{{t 'Manage user groups' }}
</a> </a>
</li> </li>
</ul> </ul>