diff --git a/apps/meteor/client/views/room/hooks/useDateScroll.ts b/apps/meteor/client/views/room/hooks/useDateScroll.ts index 7c278b079f5f0..6a9c771cc92e6 100644 --- a/apps/meteor/client/views/room/hooks/useDateScroll.ts +++ b/apps/meteor/client/views/room/hooks/useDateScroll.ts @@ -145,18 +145,15 @@ export const useDateScroll = (margin = 8): useDateScrollReturn => { 5, [list, margin, setBubbleDate], ); - // TODO: Make the chip "gliding" work with the new sistem. - // const listStyle = - // bubbleDate.show && bubbleDate.date - // ? css` - // position: relative; - // & [data-time='${bubbleDate.date.replaceAll(/[-T:.]/g, '').substring(0, 8)}'] { - // opacity: 0; - // } - // ` - // : undefined; - - const listStyle = undefined; + const listStyle = + bubbleDate.show && bubbleDate.date + ? css` + position: relative; + & [data-id='${new Date(bubbleDate.date).getTime()}'] { + opacity: 0; + } + ` + : undefined; return { handleDateScroll,