From: Ajay Bura <32841439+ajbura@users.noreply.github.com>
Date: Sun, 26 Jan 2025 11:52:10 +0000 (+1100)
Subject: fix style issue of reply placeholder (#2181)
X-Git-Tag: v4.3.0~10
X-Git-Url: https://git.wafflesoft.org/?a=commitdiff_plain;h=d5766b58fed09040e4f62c91ed1fcbdf70ffb1ca;p=rainny.git

fix style issue of reply placeholder (#2181)
---

diff --git a/src/app/components/message/Reply.tsx b/src/app/components/message/Reply.tsx
index 7687074..a20ccb5 100644
--- a/src/app/components/message/Reply.tsx
+++ b/src/app/components/message/Reply.tsx
@@ -21,7 +21,6 @@ export const ReplyLayout = as<'div', ReplyLayoutProps>(
     <Box
       className={classNames(css.Reply, className)}
       alignItems="Center"
-      alignSelf="Start"
       gap="100"
       {...props}
       ref={ref}
@@ -38,7 +37,7 @@ export const ReplyLayout = as<'div', ReplyLayoutProps>(
 );
 
 export const ThreadIndicator = as<'div'>(({ ...props }, ref) => (
-  <Box className={css.ThreadIndicator} alignItems="Center" alignSelf="Start" {...props} ref={ref}>
+  <Box className={css.ThreadIndicator} alignItems="Center" {...props} ref={ref}>
     <Icon className={css.ThreadIndicatorIcon} src={Icons.Message} />
     <Text size="T200">Threaded reply</Text>
   </Box>
@@ -74,7 +73,7 @@ export const Reply = as<'div', ReplyProps>(
     const bodyJSX = body ? scaleSystemEmoji(trimReplyFromBody(body)) : fallbackBody;
 
     return (
-      <Box direction="Column" {...props} ref={ref}>
+      <Box direction="Column" alignItems="Start" {...props} ref={ref}>
         {threadRootId && (
           <ThreadIndicator as="button" data-event-id={threadRootId} onClick={onClick} />
         )}
@@ -100,7 +99,7 @@ export const Reply = as<'div', ReplyProps>(
               style={{
                 backgroundColor: color.SurfaceVariant.ContainerActive,
                 maxWidth: toRem(placeholderWidth),
-                width: '100%',
+                width: '100vw',
               }}
             />
           )}