Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

vdots: Place new more-vertical icon on user card.

This commit is contained in:
Karl Stolley 2023-09-01 14:25:52 -04:00 committed by Tim Abbott
parent 679f95214c
commit b86b7ab067
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/styles/popovers.css
View File

@ -97,8 +97,8 @@
} }
.user_info_popover_action_buttons { .user_info_popover_action_buttons {
display: flex;
margin-left: auto; margin-left: auto;
line-height: 1;
} }
.user_info_popover_manage_menu_btn { .user_info_popover_manage_menu_btn {
@ -146,9 +146,6 @@
} }
.info_popover_actions .user_info_popover_manage_menu_btn { .info_popover_actions .user_info_popover_manage_menu_btn {
/* Create a larger click target around the icon. */
padding: 0 6px;
opacity: 0.8; opacity: 0.8;
&:hover { &:hover {
@ -237,6 +234,12 @@ ul {
&:not(.zulip-icon-bot) { &:not(.zulip-icon-bot) {
top: 2px; top: 2px;
} }
&.popover_action_icon {
font-size: 17px;
line-height: 1;
top: 1px;
}
} }
} }

2
web/templates/user_info_popover_content.hbs
View File

@ -12,7 +12,7 @@
{{#if show_manage_menu }} {{#if show_manage_menu }}
<span class="user_info_popover_action_buttons"> <span class="user_info_popover_action_buttons">
<a class="user_info_popover_manage_menu_btn" role="button" tabindex="0" aria-haspopup="true"> <a class="user_info_popover_manage_menu_btn" role="button" tabindex="0" aria-haspopup="true">
<i class="popover_action_icon zulip-icon zulip-icon-ellipsis-v-solid" aria-hidden="true"></i> <i class="popover_action_icon zulip-icon zulip-icon-more-vertical" aria-hidden="true"></i>
</a> </a>
</span> </span>
{{/if}} {{/if}}