paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

left_sidebar: Improve text selection in buddy list.

Browse Source 
Signed-off-by: apoorvapendse <apoorvavpendse@gmail.com>
This commit is contained in:
apoorvapendse
2025-06-25 12:24:44 +05:30
committed by Tim Abbott
parent 0bc1bdda86
commit 14231e9fe2
3 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/click_handlers.ts
View File

@@ -462,6 +462,12 @@ export function initialize(): void {
if ($(e.target).parents(".user-profile-picture").length === 1) { if ($(e.target).parents(".user-profile-picture").length === 1) {
return; return;
} }
if (document.getSelection()?.type === "Range") {
// To avoid the click behavior if a user name or status text is
// selected.
e.preventDefault();
return;
}
const $li = $(e.target).parents("li"); const $li = $(e.target).parents("li");

1
web/styles/right_sidebar.css
View File

@@ -356,6 +356,7 @@
} }
.user-presence-link { .user-presence-link {
user-select: text;
grid-area: row-content; grid-area: row-content;
&:hover, &:hover,

6
web/templates/presence_row.hbs
View File

@@ -2,7 +2,7 @@
<div class="selectable_sidebar_block"> <div class="selectable_sidebar_block">
{{#if user_list_style.WITH_STATUS}} {{#if user_list_style.WITH_STATUS}}
<span class="zulip-icon zulip-icon-{{user_circle_class}} {{user_circle_class}} user-circle"></span> <span class="zulip-icon zulip-icon-{{user_circle_class}} {{user_circle_class}} user-circle"></span>
<a class="user-presence-link" href="{{href}}"> <a class="user-presence-link" href="{{href}}" draggable="false">
<div class="user-name-and-status-wrapper"> <div class="user-name-and-status-wrapper">
<div class="user-name-and-status-emoji"> <div class="user-name-and-status-emoji">
{{> user_full_name .}} {{> user_full_name .}}
@@ -18,7 +18,7 @@
<span class="zulip-icon zulip-icon-{{user_circle_class}} {{user_circle_class}} user-circle"></span> <span class="zulip-icon zulip-icon-{{user_circle_class}} {{user_circle_class}} user-circle"></span>
</div> </div>
</div> </div>
<a class="user-presence-link" href="{{href}}"> <a class="user-presence-link" href="{{href}}" draggable="false">
<div class="user-name-and-status-wrapper"> <div class="user-name-and-status-wrapper">
<div class="user-name-and-status-emoji"> <div class="user-name-and-status-emoji">
{{> user_full_name .}} {{> user_full_name .}}
@@ -29,7 +29,7 @@
</a> </a>
{{else}} {{else}}
<span class="zulip-icon zulip-icon-{{user_circle_class}} {{user_circle_class}} user-circle"></span> <span class="zulip-icon zulip-icon-{{user_circle_class}} {{user_circle_class}} user-circle"></span>
<a class="user-presence-link" href="{{href}}"> <a class="user-presence-link" href="{{href}}" draggable="false">
<div class="user-name-and-status-emoji"> <div class="user-name-and-status-emoji">
{{> user_full_name .}} {{> user_full_name .}}
{{> status_emoji status_emoji_info}} {{> status_emoji status_emoji_info}}