diff --git a/web/src/click_handlers.js b/web/src/click_handlers.js index 7130793e5e..fb00450c71 100644 --- a/web/src/click_handlers.js +++ b/web/src/click_handlers.js @@ -289,6 +289,11 @@ export function initialize() { navigate.to_end(); }); + $("body").on("click", ".message_row", function () { + $(".selected_msg_for_touchscreen").removeClass("selected_msg_for_touchscreen"); + $(this).addClass("selected_msg_for_touchscreen"); + }); + // MESSAGE EDITING $("body").on("click", ".edit_content_button", function (e) { diff --git a/web/styles/zulip.css b/web/styles/zulip.css index dc0127cfa9..54f080baa5 100644 --- a/web/styles/zulip.css +++ b/web/styles/zulip.css @@ -1377,6 +1377,19 @@ td.pointer { } } +.selected_msg_for_touchscreen { + @media (hover: none) { + .message_reactions { + .message_reaction { + + .reaction_button { + visibility: visible; + pointer-events: all; + } + } + } + } +} + .message_sender { & i.zulip-icon.zulip-icon-bot { font-size: 12px;