fix(reply): edit menu checkbox was displaced on mobile

This commit is contained in:
Tom (plebeius.eth)
2024-06-21 22:32:00 +02:00
parent 677fe641a3
commit 9052b0f4f6
3 changed files with 7 additions and 2 deletions
@@ -95,7 +95,6 @@
} }
.replyCheckbox { .replyCheckbox {
padding-left: 5px;
padding-top: 0; padding-top: 0;
} }
} }
@@ -13,6 +13,10 @@
cursor: pointer; cursor: pointer;
} }
.checkbox {
float: left;
}
.postMenu { .postMenu {
font-size: 16px; font-size: 16px;
line-height: 2.5em; line-height: 2.5em;
@@ -154,7 +154,9 @@ const PostMenuMobile = ({ post }: { post: Comment }) => {
document.body, document.body,
)} )}
{(isAccountMod || isAccountCommentAuthor) && ( {(isAccountMod || isAccountCommentAuthor) && (
<EditMenu isAccountCommentAuthor={isAccountCommentAuthor} isAccountMod={isAccountMod} isCommentAuthorMod={isCommentAuthorMod} post={post} /> <span className={styles.checkbox}>
<EditMenu isAccountCommentAuthor={isAccountCommentAuthor} isAccountMod={isAccountMod} isCommentAuthorMod={isCommentAuthorMod} post={post} />
</span>
)} )}
</> </>
); );