From 61fc312320899c4ce947ce4fc9e181e58f8c90be Mon Sep 17 00:00:00 2001 From: Marco Beretta <81851188+berry-13@users.noreply.github.com> Date: Fri, 12 Jun 2026 14:31:17 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20fix:=20Gate=20message=20timestam?= =?UTF-8?q?p=20reveal=20on=20hover=20capability,=20not=20width?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Use a (hover: hover) media query instead of the md: breakpoint so the timestamp stays visible on touch and other non-hover devices (e.g. tablets wider than md), while still revealing on hover/focus where a pointer supports it. --- .../src/components/Chat/Messages/ui/MessageTimestamp.tsx | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/client/src/components/Chat/Messages/ui/MessageTimestamp.tsx b/client/src/components/Chat/Messages/ui/MessageTimestamp.tsx index ec4a448530..f606abe69e 100644 --- a/client/src/components/Chat/Messages/ui/MessageTimestamp.tsx +++ b/client/src/components/Chat/Messages/ui/MessageTimestamp.tsx @@ -4,9 +4,10 @@ import { getMessageTimestamp } from '~/utils'; /** * Inline message timestamp shown next to the author name in the message header. - * Reveals on row hover (desktop) and stays visible on touch. Recent messages show - * the relative form ("10 minutes ago") with the absolute date on hover; older - * messages show the absolute date directly. + * On hover-capable pointers it reveals on row hover/focus; on touch and other + * non-hover devices it stays visible. Recent messages show the relative form + * ("10 minutes ago") with the absolute date on hover; older messages show the + * absolute date directly. */ export default function MessageTimestamp({ value }: { value?: string | null }) { const { i18n } = useTranslation(); @@ -23,7 +24,7 @@ export default function MessageTimestamp({ value }: { value?: string | null }) {