diff options
author | Dessalines <tyhou13@gmx.com> | 2020-03-04 09:30:49 -0500 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2020-03-04 09:30:49 -0500 |
commit | 5b2383fa5050d30e5acf8399b78fd651ae0b4342 (patch) | |
tree | 6f47f672ec929191c79b80d9549b3975a63dffed /ui/src/components/post-listing.tsx | |
parent | 107005c4748845df7f54439731337b78bdefd900 (diff) |
Adding icons to stickied, deleted, and locked.
Diffstat (limited to 'ui/src/components/post-listing.tsx')
-rw-r--r-- | ui/src/components/post-listing.tsx | 29 |
1 files changed, 22 insertions, 7 deletions
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx index 193c2a54..d702d78b 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -339,7 +339,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> { title={this.state.url} > {new URL(this.state.url).hostname} - <svg class="ml-1 icon"> + <svg class="ml-1 icon icon-inline"> <use xlinkHref="#icon-external-link"></use> </svg> </a> @@ -391,18 +391,33 @@ export class PostListing extends Component<PostListingProps, PostListingState> { </small> )} {post.deleted && ( - <small className="ml-2 text-muted font-italic"> - {i18n.t('deleted')} + <small + className="unselectable pointer ml-2 text-muted font-italic" + data-tippy-content={i18n.t('deleted')} + > + <svg class={`icon icon-inline text-danger`}> + <use xlinkHref="#icon-trash"></use> + </svg> </small> )} {post.locked && ( - <small className="ml-2 text-muted font-italic"> - {i18n.t('locked')} + <small + className="unselectable pointer ml-2 text-muted font-italic" + data-tippy-content={i18n.t('locked')} + > + <svg class={`icon icon-inline text-danger`}> + <use xlinkHref="#icon-lock"></use> + </svg> </small> )} {post.stickied && ( - <small className="ml-2 text-muted font-italic"> - {i18n.t('stickied')} + <small + className="unselectable pointer ml-2 text-muted font-italic" + data-tippy-content={i18n.t('stickied')} + > + <svg class={`icon icon-inline text-success`}> + <use xlinkHref="#icon-pin"></use> + </svg> </small> )} {post.nsfw && ( |