From: Jay Sitter <jay@jaysitter.com> Date: Sun, 18 Jun 2023 01:02:58 +0000 (-0400) Subject: fix: Fix vertical alignment and border radius of advanced dropdown menu items X-Git-Url: http://these/git/%7B%60%24%7BarchiveUrl%7D/static/%7B%60%24%7BghostArchiveUrl%7D/%24%7B%60data:application/manifest%20json;base64%2C%24%7Bawait?a=commitdiff_plain;h=b4c83b214b3ca1a5f0f9930d469f6b6602f54c5d;p=lemmy-ui.git fix: Fix vertical alignment and border radius of advanced dropdown menu items --- 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