diff --git a/src/components/post-desktop/post-desktop.tsx b/src/components/post-desktop/post-desktop.tsx index 768afb7b..c8e16445 100644 --- a/src/components/post-desktop/post-desktop.tsx +++ b/src/components/post-desktop/post-desktop.tsx @@ -434,7 +434,7 @@ const PostDesktop = ({ openReplyModal, post, roles, showAllReplies, showReplies )} )} - {post?.replyCount === undefined && ( + {post?.replyCount === undefined && !isInPendingPostView && ( @@ -452,14 +452,15 @@ const PostDesktop = ({ openReplyModal, post, roles, showAllReplies, showReplies ))} - {stateString && stateString !== 'Failed' ? ( -
-
- -
- ) : ( - state === 'failed' && {t('failed')} - )} + {!isInPendingPostView && + (stateString && stateString !== 'Failed' ? ( +
+
+ +
+ ) : ( + state === 'failed' && {t('failed')} + ))} ); }; diff --git a/src/components/post-mobile/post-mobile.tsx b/src/components/post-mobile/post-mobile.tsx index 980e7ec3..322f0860 100644 --- a/src/components/post-mobile/post-mobile.tsx +++ b/src/components/post-mobile/post-mobile.tsx @@ -348,7 +348,7 @@ const PostMobile = ({ openReplyModal, post, roles, showAllReplies, showReplies = )} - {post?.replyCount === undefined && ( + {post?.replyCount === undefined && !isInPendingPostView && ( @@ -365,13 +365,14 @@ const PostMobile = ({ openReplyModal, post, roles, showAllReplies, showReplies = ))} - {stateString && stateString !== 'Failed' ? ( -
- -
- ) : ( - state === 'failed' && {t('failed')} - )} + {!isInPendingPostView && + (stateString && stateString !== 'Failed' ? ( +
+ +
+ ) : ( + state === 'failed' && {t('failed')} + ))} )} diff --git a/src/views/post/post.module.css b/src/views/post/post.module.css index 2583f8a3..4b8a2777 100644 --- a/src/views/post/post.module.css +++ b/src/views/post/post.module.css @@ -519,8 +519,6 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - width: calc(100vw - 28px); - width: 100vw; } @media (max-width: 640px) { @@ -544,10 +542,6 @@ .authorAvatar { vertical-align: middle; } - - .stateString { - padding-left: 5px; - } } @media (min-width: 640px) { @@ -568,8 +562,4 @@ .replyMobile { display: none; } - - .stateString { - padding-top: 10px; - } } \ No newline at end of file