Merge pull request #1195 from fheft/fix-button-click-area

Fix unclickable button paddings
This commit is contained in:
SleeplessOne1917 2023-06-12 23:11:20 +00:00 committed by GitHub
commit 0197c2a0fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 25 additions and 29 deletions

View file

@ -436,15 +436,13 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
<>
{!this.myComment && (
<>
<button className="btn btn-link btn-animate">
<Link
className="text-muted"
to={`/create_private_message/${cv.creator.id}`}
title={i18n.t("message").toLowerCase()}
>
<Icon icon="mail" />
</Link>
</button>
<Link
className="btn btn-link btn-animate text-muted"
to={`/create_private_message/${cv.creator.id}`}
title={i18n.t("message").toLowerCase()}
>
<Icon icon="mail" />
</Link>
<button
className="btn btn-link btn-animate text-muted"
onClick={linkEvent(

View file

@ -649,29 +649,27 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
get commentsButton() {
const post_view = this.props.post_view;
return (
<button className="btn btn-link text-muted py-0 pl-0">
<Link
className="text-muted"
title={i18n.t("number_of_comments", {
<Link
className="btn btn-link text-muted py-0 pl-0 text-muted"
title={i18n.t("number_of_comments", {
count: Number(post_view.counts.comments),
formattedCount: Number(post_view.counts.comments),
})}
to={`/post/${post_view.post.id}?scrollToComments=true`}
>
<Icon icon="message-square" classes="mr-1" inline />
<span className="mr-2">
{i18n.t("number_of_comments", {
count: Number(post_view.counts.comments),
formattedCount: Number(post_view.counts.comments),
formattedCount: numToSI(post_view.counts.comments),
})}
to={`/post/${post_view.post.id}?scrollToComments=true`}
>
<Icon icon="message-square" classes="mr-1" inline />
<span className="mr-2">
{i18n.t("number_of_comments", {
count: Number(post_view.counts.comments),
formattedCount: numToSI(post_view.counts.comments),
})}
</span>
{this.unreadCount && (
<span className="small text-warning">
({this.unreadCount} {i18n.t("new")})
</span>
{this.unreadCount && (
<span className="small text-warning">
({this.unreadCount} {i18n.t("new")})
</span>
)}
</Link>
</button>
)}
</Link>
);
}