mirror/seedit
1
0
Fork 0
mirror of https://github.com/plebbit/seedit.git synced 2026-04-22 16:18:08 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(post): fix virtuoso zero-sized element error

Browse Source
This commit is contained in:
plebeius.eth
2024-01-08 14:56:41 +01:00
parent 0bcd1c9450
commit b2cbacc3b4
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/post/post.module.css
View File

@@ -213,4 +213,12 @@
font-weight: bold;
font-size: 10px;
cursor: pointer;
}
/* 1px compromise to hide removed posts immediately, before the feed updates, while avoiding virtuoso's zero-sized element error */
.minimalHeight {
visibility: hidden;
padding: 0;
margin: 0;
height: 1px;
}

2
src/components/post/post.tsx
View File

@@ -123,7 +123,7 @@ const Post = ({ post = {}, index }: PostProps) => {
const { blocked, unblock } = useBlock({ address: cid });
return (
<div className={`${styles.content} ${removed ? styles.hidden : styles.visible}`} key={index}>
<div className={`${styles.content} ${removed ? styles.minimalHeight : ''}`} key={index}>
<div className={`${styles.hiddenPost} ${blocked ? styles.visible : styles.hidden}`}>
<div className={styles.hiddenPostText}>{t('post_hidden').charAt(0).toUpperCase() + t('post_hidden').slice(1)}</div>
<div className={styles.undoHiddenPost} onClick={unblock}>