grishka/lemmy
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Change action sizes. Add better tippy updating.

Browse source
This commit is contained in:
Dessalines 2020-03-03 11:07:07 -05:00
parent ae9242a5c3
commit 6da1e1b931
2 changed files with 25 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
ui/src/components/comment-node.tsx vendored
View file

@ -103,8 +103,16 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
this.handleCommentDownvote = this.handleCommentDownvote.bind(this);
}
componentDidUpdate() {
setupTippy();
componentDidUpdate(prevProps: CommentNodeProps) {
let prevComment = prevProps.node.comment;
let comment = this.props.node.comment;
if (
prevComment.saved !== comment.saved ||
prevComment.deleted !== comment.deleted ||
prevComment.read !== comment.read
) {
setupTippy();
}
}
componentWillReceiveProps(nextProps: CommentNodeProps) {
@ -256,7 +264,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
dangerouslySetInnerHTML={mdToHtml(this.commentUnlessRemoved)}
/>
)}
<ul class="list-inline mb-1 text-muted font-weight-bold h6">
<ul class="list-inline mb-1 text-muted font-weight-bold h5">
{this.props.markable && (
<li className="list-inline-item-action">
<span
@ -1110,5 +1118,6 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
handleShowAdvanced(i: CommentNode) {
i.state.showAdvanced = !i.state.showAdvanced;
i.setState(i.state);
setupTippy();
}
}

16
ui/src/components/post-listing.tsx vendored
View file

@ -102,8 +102,17 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
}
}
componentDidUpdate() {
setupTippy();
componentDidUpdate(prevProps: PostListingProps) {
let prevPost = prevProps.post;
let post = this.props.post;
if (
prevPost.saved !== post.saved ||
prevPost.deleted !== post.deleted ||
prevPost.locked !== post.locked ||
prevPost.stickied !== post.stickied
) {
setupTippy();
}
}
componentWillReceiveProps(nextProps: PostListingProps) {
@ -492,7 +501,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
</>
)}
</ul>
<ul class="list-inline mb-1 text-muted h6 font-weight-bold">
<ul class="list-inline mb-1 text-muted h5 font-weight-bold">
{UserService.Instance.user && (
<>
{this.props.showBody && (
@ -1305,5 +1314,6 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
handleShowAdvanced(i: PostListing) {
i.state.showAdvanced = !i.state.showAdvanced;
i.setState(i.state);
setupTippy();
}
}