diff --git a/web/src/user_card_popover.js b/web/src/user_card_popover.js index 2d8839f96c..7676321a6e 100644 --- a/web/src/user_card_popover.js +++ b/web/src/user_card_popover.js @@ -692,6 +692,15 @@ function register_click_handlers() { e.preventDefault(); }); + $("body").on("click", ".view_bot_owner_user_profile", (e) => { + const user_id = Number.parseInt($(e.currentTarget).attr("data-user-id"), 10); + const user = people.get_by_user_id(user_id); + const $target = $(e.currentTarget).closest(".popover-menu-user-type"); + toggle_user_card_popover($target, user); + e.stopPropagation(); + e.preventDefault(); + }); + $("body").on("click", ".view_user_profile, .person_picker .pill[data-user-id]", (e) => { const user_id = Number.parseInt($(e.currentTarget).attr("data-user-id"), 10); const user = people.get_by_user_id(user_id); diff --git a/web/styles/popovers.css b/web/styles/popovers.css index 5cc771181d..5e490bc2b9 100644 --- a/web/styles/popovers.css +++ b/web/styles/popovers.css @@ -992,6 +992,7 @@ ul.popover-group-menu-member-list { .popover-menu-user-info { width: max-content; align-self: center; + overflow: hidden; } .popover-menu-user-full-name { @@ -1011,6 +1012,8 @@ ul.popover-group-menu-member-list { /* 16px at 14px/1em */ line-height: 1.1428em; color: var(--color-text-item); + text-overflow: ellipsis; + white-space: nowrap; } .user_circle_empty { diff --git a/web/templates/popovers/user_card/user_card_popover.hbs b/web/templates/popovers/user_card/user_card_popover.hbs index e957714f2e..618f6b8afd 100644 --- a/web/templates/popovers/user_card/user_card_popover.hbs +++ b/web/templates/popovers/user_card/user_card_popover.hbs @@ -17,7 +17,7 @@ {{#if is_bot}} {{#if bot_owner}}