fix(post): loading string could appear in floating posts from out-of-view quotes

src/components/post-desktop/post-desktop.tsx

@@ -407,16 +407,20 @@ const PostDesktop = ({ openReplyModal, post, roles, showAllReplies, showReplies
         )}
       </div>
       {!isInPendingPostView &&
-        !isDescription &&
-        !isRules &&
-        (stateString && stateString !== 'Failed' && state !== 'succeeded' && isInPostPageView ? (
-          <div className={styles.stateString}>
-            <br />
-            <LoadingEllipsis string={stateString} />
-          </div>
-        ) : (
-          state === 'failed' && <span className={styles.error}>{t('failed')}</span>
-        ))}
+      !isDescription &&
+      !isRules &&
+      stateString &&
+      stateString !== 'Failed' &&
+      state !== 'succeeded' &&
+      isInPostPageView &&
+      !(!showReplies && !showAllReplies) ? (
+        <div className={styles.stateString}>
+          <br />
+          <LoadingEllipsis string={stateString} />
+        </div>
+      ) : (
+        state === 'failed' && <span className={styles.error}>{t('failed')}</span>
+      )}
     </div>
   );
 };

src/components/post-mobile/post-mobile.tsx

@@ -333,15 +333,19 @@ const PostMobile = ({ openReplyModal, post, roles, showAllReplies, showReplies =
             )}
           </div>
           {!isInPendingPostView &&
-            !isDescription &&
-            !isRules &&
-            (stateString && stateString !== 'Failed' && state !== 'succeeded' && isInPostPageView ? (
-              <div className={styles.stateString}>
-                <LoadingEllipsis string={stateString} />
-              </div>
-            ) : (
-              state === 'failed' && <span className={styles.error}>{t('failed')}</span>
-            ))}
+          !isDescription &&
+          !isRules &&
+          stateString &&
+          stateString !== 'Failed' &&
+          state !== 'succeeded' &&
+          isInPostPageView &&
+          !(!showReplies && !showAllReplies) ? (
+            <div className={styles.stateString}>
+              <LoadingEllipsis string={stateString} />
+            </div>
+          ) : (
+            state === 'failed' && <span className={styles.error}>{t('failed')}</span>
+          )}
         </div>
       )}
     </>

src/views/post/post.module.css

@@ -221,7 +221,6 @@
 
 .stateString {
   color: var(--post-mobile-abbr-text-color);
-  padding-left: 20px;
 }
 
 .loadingString {