From b4c83b214b3ca1a5f0f9930d469f6b6602f54c5d Mon Sep 17 00:00:00 2001 From: Jay Sitter <jay@jaysitter.com> Date: Sat, 17 Jun 2023 21:02:58 -0400 Subject: [PATCH] fix: Fix vertical alignment and border radius of advanced dropdown menu items --- src/shared/components/post/post-listing.tsx | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx index afe7f89..319c8b5 100644 --- a/src/shared/components/post/post-listing.tsx +++ b/src/shared/components/post/post-listing.tsx @@ -875,7 +875,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { get reportButton() { return ( <button - className="btn btn-link btn-animate text-muted py-0 dropdown-item" + className="btn btn-link btn-animate d-flex align-items-center rounded-0 py-0 dropdown-item" onClick={linkEvent(this, this.handleShowReportDialog)} data-tippy-content={i18n.t("show_report_dialog")} aria-label={i18n.t("show_report_dialog")} @@ -888,7 +888,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { get blockButton() { return ( <button - className="btn btn-link btn-animate text-muted py-0 dropdown-item" + className="btn btn-link btn-animate d-flex align-items-center rounded-0 py-0 dropdown-item" onClick={linkEvent(this, this.handleBlockPersonClick)} data-tippy-content={i18n.t("block_user")} aria-label={i18n.t("block_user")} @@ -901,7 +901,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { get editButton() { return ( <button - className="btn btn-link text-muted dropdown-item" + className="btn btn-link d-flex align-items-center rounded-0 dropdown-item" onClick={linkEvent(this, this.handleEditClick)} aria-label={i18n.t("edit")} > @@ -916,7 +916,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { const label = !deleted ? i18n.t("delete") : i18n.t("restore"); return ( <button - className="btn btn-link text-muted dropdown-item" + className="btn btn-link d-flex align-items-center rounded-0 dropdown-item" onClick={linkEvent(this, this.handleDeleteClick)} aria-label={label} > @@ -958,7 +958,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { const label = locked ? i18n.t("unlock") : i18n.t("lock"); return ( <button - className="btn btn-link text-muted dropdown-item" + className="btn btn-link d-flex align-items-center rounded-0 dropdown-item" onClick={linkEvent(this, this.handleModLock)} aria-label={label} > @@ -992,7 +992,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { <> <li> <button - className="btn btn-link text-muted dropdown-item" + className="btn btn-link d-flex align-items-center rounded-0 dropdown-item" onClick={linkEvent(this, this.handleModFeaturePostCommunity)} data-tippy-content={labelCommunity} aria-label={labelCommunity} @@ -1016,7 +1016,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { <li> {amAdmin() && ( <button - className="btn btn-link text-muted dropdown-item" + className="btn btn-link d-flex align-items-center rounded-0 dropdown-item" onClick={linkEvent(this, this.handleModFeaturePostLocal)} data-tippy-content={labelLocal} aria-label={labelLocal} @@ -1046,7 +1046,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { const removed = this.postView.post.removed; return ( <button - className="btn btn-link text-muted dropdown-item" + className="btn btn-link d-flex align-items-center rounded-0 dropdown-item" onClick={linkEvent( this, !removed ? this.handleModRemoveShow : this.handleModRemoveSubmit -- 2.44.1