fix: Fix comment collapse and vote buttons not having focus style (#1789)

This commit is contained in:
Jay Sitter 2023-07-03 16:53:10 -04:00 committed by GitHub
parent e829b13053
commit 5a95a058ae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions

View file

@ -299,7 +299,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
> >
<div className="d-flex flex-wrap align-items-center text-muted small"> <div className="d-flex flex-wrap align-items-center text-muted small">
<button <button
className="btn btn-sm text-muted me-2" className="btn btn-sm btn-link text-muted me-2"
onClick={linkEvent(this, this.handleCommentCollapse)} onClick={linkEvent(this, this.handleCommentCollapse)}
aria-label={this.expandText} aria-label={this.expandText}
data-tippy-content={this.expandText} data-tippy-content={this.expandText}

View file

@ -113,7 +113,7 @@ export class VoteButtonsCompact extends Component<
<> <>
<button <button
type="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" this.props.my_vote === 1 ? "text-info" : "text-muted"
}`} }`}
data-tippy-content={tippy(this.props.counts)} data-tippy-content={tippy(this.props.counts)}
@ -137,7 +137,7 @@ export class VoteButtonsCompact extends Component<
{this.props.enableDownvotes && ( {this.props.enableDownvotes && (
<button <button
type="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" this.props.my_vote === -1 ? "text-danger" : "text-muted"
}`} }`}
onClick={linkEvent(this, handleDownvote)} onClick={linkEvent(this, handleDownvote)}