Fix reply username overflow (#1501)

* fix reply overflow * fix shrinkable typing indicator * fix message avatar hover & cursor
2023-10-24 22:21:39 +11:00
parent 8731f58948
commit c7e5c1fce8
5 changed files with 18 additions and 3 deletions
--- a/src/app/components/message/Reply.tsx
+++ b/src/app/components/message/Reply.tsx
@@ -67,7 +67,11 @@ export const Reply = as<'div', ReplyProps>(
        {...props}
        ref={ref}
      >
-        <Box style={{ color: colorMXID(sender ?? eventId) }} alignItems="Center" shrink="No">
+        <Box
+          style={{ color: colorMXID(sender ?? eventId), maxWidth: '50%' }}
+          alignItems="Center"
+          shrink="No"
+        >
          <Icon src={Icons.ReplyArrow} size="50" />
          {sender && (
            <Text size="T300" truncate>