fedi/lemmy-ui
1
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-12-29 12:04:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Fix vertical alignment and border radius of advanced dropdown menu items

Browse source
This commit is contained in:
Jay Sitter 2023-06-17 21:02:58 -04:00
parent a7b0e2002d
commit d0ae0f7543
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/shared/components/post/post-listing.tsx
View file

@ -873,7 +873,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
get reportButton() { get reportButton() {
return ( return (
<button <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)} onClick={linkEvent(this, this.handleShowReportDialog)}
data-tippy-content={i18n.t("show_report_dialog")} data-tippy-content={i18n.t("show_report_dialog")}
aria-label={i18n.t("show_report_dialog")} aria-label={i18n.t("show_report_dialog")}
@ -886,7 +886,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
get blockButton() { get blockButton() {
return ( return (
<button <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)} onClick={linkEvent(this, this.handleBlockPersonClick)}
data-tippy-content={i18n.t("block_user")} data-tippy-content={i18n.t("block_user")}
aria-label={i18n.t("block_user")} aria-label={i18n.t("block_user")}
@ -899,7 +899,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
get editButton() { get editButton() {
return ( return (
<button <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)} onClick={linkEvent(this, this.handleEditClick)}
aria-label={i18n.t("edit")} aria-label={i18n.t("edit")}
> >
@ -914,7 +914,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
const label = !deleted ? i18n.t("delete") : i18n.t("restore"); const label = !deleted ? i18n.t("delete") : i18n.t("restore");
return ( return (
<button <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)} onClick={linkEvent(this, this.handleDeleteClick)}
aria-label={label} aria-label={label}
> >
@ -956,7 +956,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
const label = locked ? i18n.t("unlock") : i18n.t("lock"); const label = locked ? i18n.t("unlock") : i18n.t("lock");
return ( return (
<button <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)} onClick={linkEvent(this, this.handleModLock)}
aria-label={label} aria-label={label}
> >
@ -990,7 +990,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<> <>
<li> <li>
<button <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)} onClick={linkEvent(this, this.handleModFeaturePostCommunity)}
data-tippy-content={labelCommunity} data-tippy-content={labelCommunity}
aria-label={labelCommunity} aria-label={labelCommunity}
@ -1014,7 +1014,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<li> <li>
{amAdmin() && ( {amAdmin() && (
<button <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)} onClick={linkEvent(this, this.handleModFeaturePostLocal)}
data-tippy-content={labelLocal} data-tippy-content={labelLocal}
aria-label={labelLocal} aria-label={labelLocal}
@ -1044,7 +1044,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
const removed = this.postView.post.removed; const removed = this.postView.post.removed;
return ( return (
<button <button
className="btn btn-link text-muted dropdown-item" className="btn btn-link d-flex align-items-center rounded-0 dropdown-item"
onClick={linkEvent( onClick={linkEvent(
this, this,
!removed ? this.handleModRemoveShow : this.handleModRemoveSubmit !removed ? this.handleModRemoveShow : this.handleModRemoveSubmit