From 5a95a058ae43b972eabb1d1124024e820156b913 Mon Sep 17 00:00:00 2001 From: Jay Sitter <jsit@users.noreply.github.com> Date: Mon, 3 Jul 2023 16:53:10 -0400 Subject: [PATCH] fix: Fix comment collapse and vote buttons not having focus style (#1789) --- src/shared/components/comment/comment-node.tsx | 2 +- src/shared/components/common/vote-buttons.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/shared/components/comment/comment-node.tsx b/src/shared/components/comment/comment-node.tsx index 15d912e..6c7d5c0 100644 --- a/src/shared/components/comment/comment-node.tsx +++ b/src/shared/components/comment/comment-node.tsx @@ -299,7 +299,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> { > <div className="d-flex flex-wrap align-items-center text-muted small"> <button - className="btn btn-sm text-muted me-2" + className="btn btn-sm btn-link text-muted me-2" onClick={linkEvent(this, this.handleCommentCollapse)} aria-label={this.expandText} data-tippy-content={this.expandText} diff --git a/src/shared/components/common/vote-buttons.tsx b/src/shared/components/common/vote-buttons.tsx index 2595bb6..0664e76 100644 --- a/src/shared/components/common/vote-buttons.tsx +++ b/src/shared/components/common/vote-buttons.tsx @@ -113,7 +113,7 @@ export class VoteButtonsCompact extends Component< <> <button type="button" - className={`btn-animate btn py-0 px-1 ${ + className={`btn btn-animate btn-sm btn-link py-0 px-1 ${ this.props.my_vote === 1 ? "text-info" : "text-muted" }`} data-tippy-content={tippy(this.props.counts)} @@ -137,7 +137,7 @@ export class VoteButtonsCompact extends Component< {this.props.enableDownvotes && ( <button type="button" - className={`ms-2 btn-animate btn py-0 px-1 ${ + className={`ms-2 btn btn-sm btn-link btn-animate btn py-0 px-1 ${ this.props.my_vote === -1 ? "text-danger" : "text-muted" }`} onClick={linkEvent(this, handleDownvote)} -- 2.44.1