From 53348d5ac4ba0d6af9204a41398622f228f2fa94 Mon Sep 17 00:00:00 2001 From: Jay Sitter <jsit@users.noreply.github.com> Date: Wed, 5 Jul 2023 11:41:12 -0400 Subject: [PATCH] fix: Add focus ring color to post action buttons and markdown help link (#1816) --- src/shared/components/common/markdown-textarea.tsx | 2 +- src/shared/components/post/post-listing.tsx | 12 ++++++------ 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/shared/components/common/markdown-textarea.tsx b/src/shared/components/common/markdown-textarea.tsx index 7cccbb1..cd4b5e4 100644 --- a/src/shared/components/common/markdown-textarea.tsx +++ b/src/shared/components/common/markdown-textarea.tsx @@ -219,7 +219,7 @@ export class MarkdownTextArea extends Component< {this.getFormatButton("spoiler", this.handleInsertSpoiler)} <a href={markdownHelpUrl} - className="btn btn-sm text-muted fw-bold" + className="btn btn-sm btn-link rounded-0 text-muted fw-bold" title={I18NextService.i18n.t("formatting_help")} rel={relTags} > diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx index 5dcff2f..d9b3ad2 100644 --- a/src/shared/components/post/post-listing.tsx +++ b/src/shared/components/post/post-listing.tsx @@ -602,7 +602,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { {this.commentsButton} {canShare() && ( <button - className="btn btn-sm btn-animate text-muted py-0" + className="btn btn-sm btn-link btn-animate text-muted py-0" onClick={linkEvent(this, this.handleShare)} type="button" > @@ -611,7 +611,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { )} {!post.local && ( <a - className="btn btn-sm btn-animate text-muted py-0" + className="btn btn-sm btn-link btn-animate text-muted py-0" title={I18NextService.i18n.t("link")} href={post.ap_id} > @@ -650,7 +650,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { <div className="dropdown"> <button - className="btn btn-sm btn-animate text-muted py-0 dropdown-toggle" + className="btn btn-sm btn-link btn-animate text-muted py-0 dropdown-toggle" onClick={linkEvent(this, this.handleShowAdvanced)} data-tippy-content={I18NextService.i18n.t("more")} data-bs-toggle="dropdown" @@ -783,7 +783,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { : I18NextService.i18n.t("save"); return ( <button - className="btn btn-sm btn-animate text-muted py-0" + className="btn btn-sm btn-link btn-animate text-muted py-0" onClick={linkEvent(this, this.handleSavePostClick)} data-tippy-content={label} aria-label={label} @@ -804,7 +804,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { get crossPostButton() { return ( <Link - className="btn btn-sm btn-animate text-muted py-0" + className="btn btn-sm btn-link btn-animate text-muted py-0" to={{ /* Empty string properties are required to satisfy type*/ pathname: "/create_post", @@ -894,7 +894,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { get viewSourceButton() { return ( <button - className="btn btn-sm btn-animate text-muted py-0" + className="btn btn-sm btn-link btn-animate text-muted py-0" onClick={linkEvent(this, this.handleViewSource)} data-tippy-content={I18NextService.i18n.t("view_source")} aria-label={I18NextService.i18n.t("view_source")} -- 2.44.1