left_sidebar: Improve text selection for dm box.

Signed-off-by: apoorvapendse <apoorvavpendse@gmail.com>
This commit is contained in:
apoorvapendse
2025-06-25 12:24:05 +05:30
committed by Tim Abbott
parent 4288734030
commit 0bc1bdda86
3 changed files with 10 additions and 1 deletions

View File

@@ -284,6 +284,13 @@ export function initialize(): void {
zoom_in(); zoom_in();
}); });
$(".dm-list").on("click", ".dm-box", (e) => {
// To avoid the click behavior if a dm box is selected.
if (document.getSelection()?.type === "Range") {
e.preventDefault();
}
});
$("#left-sidebar").on("click", "#hide-more-direct-messages", (e) => { $("#left-sidebar").on("click", "#hide-more-direct-messages", (e) => {
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();

View File

@@ -764,6 +764,7 @@
a.stream-name:focus, a.stream-name:focus,
a.sidebar-topic-name:focus, a.sidebar-topic-name:focus,
a.conversation-partners:focus, a.conversation-partners:focus,
a.dm-box:focus,
a.sidebar-topic-action-heading:focus { a.sidebar-topic-action-heading:focus {
outline: none; outline: none;
text-decoration: none; text-decoration: none;
@@ -2010,6 +2011,7 @@ li.topic-list-item {
} }
.dm-box { .dm-box {
user-select: text;
grid-template-columns: grid-template-columns:
var(--left-sidebar-toggle-width-offset) [action-heading-start] var( var(--left-sidebar-toggle-width-offset) [action-heading-start] var(
--left-sidebar-icon-column-width --left-sidebar-icon-column-width

View File

@@ -1,5 +1,5 @@
<li class="{{#if is_active}}active-sub-filter{{/if}} {{#if is_zero}}zero-dm-unreads{{/if}} dm-list-item bottom_left_row" data-user-ids-string="{{user_ids_string}}"> <li class="{{#if is_active}}active-sub-filter{{/if}} {{#if is_zero}}zero-dm-unreads{{/if}} dm-list-item bottom_left_row" data-user-ids-string="{{user_ids_string}}">
<a href="{{url}}" class="dm-box dm-user-status" data-user-ids-string="{{user_ids_string}}" data-is-group="{{is_group}}"> <a href="{{url}}" draggable="false" class="dm-box dm-user-status" data-user-ids-string="{{user_ids_string}}" data-is-group="{{is_group}}">
{{#if is_group}} {{#if is_group}}
<span class="conversation-partners-icon zulip-icon zulip-icon-dm-groups-3"></span> <span class="conversation-partners-icon zulip-icon zulip-icon-dm-groups-3"></span>