get crossPostButton() {
return (
<Link
- className="btn btn-sm d-flex align-items-center rounded-0 dropdown-item"
+ className="btn-animate text-muted py-0"
to={{
/* Empty string properties are required to satisfy type*/
pathname: "/create_post",
data-tippy-content={I18NextService.i18n.t("cross_post")}
aria-label={I18NextService.i18n.t("cross_post")}
>
- <Icon classes="me-1" icon="copy" inline />
- {I18NextService.i18n.t("cross_post")}
+ <Icon icon="copy" inline />
</Link>
);
}
);
}
- bodyPreview() {
+ showMobilePreview() {
const { body, id } = this.postView.post;
return !this.showBody && body ? (
{/* If it has a thumbnail, do a right aligned thumbnail */}
{this.mobileThumbnail()}
- <div className="mt-2">
- {this.bodyPreview()}
- {this.commentsLine(true)}
- </div>
+ {/* Show a preview of the post body */}
+ {this.showMobilePreview()}
+
+ {this.commentsLine(true)}
{this.userActionsLine()}
{this.duplicatesLine()}
{this.removeAndBanDialogs()}
<div className="col-12">
{this.postTitleLine()}
{this.createdLine()}
- {this.bodyPreview()}
{this.commentsLine()}
{this.duplicatesLine()}
{this.userActionsLine()}