From: Jay Sitter <jsit@users.noreply.github.com> Date: Mon, 3 Jul 2023 20:53:10 +0000 (-0400) Subject: fix: Fix comment collapse and vote buttons not having focus style (#1789) X-Git-Url: http://these/git/%7B%60%24%7BarchiveTodayUrl%7D/%24%7B%60data:application/static/git-logo.png?a=commitdiff_plain;h=5a95a058ae43b972eabb1d1124024e820156b913;p=lemmy-ui.git fix: Fix comment collapse and vote buttons not having focus style (#1789) --- 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)}