LemmyNet/lemmy
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy.git synced 2024-11-27 06:41:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactoring chat sidebar. #237

Browse source
This commit is contained in:
Dessalines 2019-08-25 10:42:10 -07:00
parent 371d3e1009
commit aba55b2b03
2 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
ui/src/components/post.tsx vendored
View file

@ -119,7 +119,7 @@ export class Post extends Component<any, PostState> {
{this.state.loading ?
<h5><svg class="icon icon-spinner spin"><use xlinkHref="#icon-spinner"></use></svg></h5> :
<div class="row">
<div class="col-12 col-md-8 col-lg-6 mb-3">
<div class="col-12 col-md-8 mb-3">
<PostListing
post={this.state.post}
showBody
@ -139,11 +139,9 @@ export class Post extends Component<any, PostState> {
{this.sortRadios()}
{this.commentsTree()}
</div>
<div class="col-12 col-md-4 col-lg-3 mb-3 d-none d-md-block px-0">
{this.state.comments.length > 0 && this.newComments()}
</div>
<div class="col-12 col-sm-12 col-lg-3">
<div class="col-12 col-sm-12 col-md-4">
{this.sidebar()}
{this.state.comments.length > 0 && this.newComments()}
</div>
</div>
}
@ -175,9 +173,9 @@ export class Post extends Component<any, PostState> {
newComments() {
return (
<div class="container-fluid sticky-top new-comments">
<h5><T i18nKey="chat">#</T></h5>
<CommentForm postId={this.state.post.id} disabled={this.state.post.locked} />
<div class="d-none d-md-block sticky-top new-comments card border-secondary">
<div class="card-body small">
<h6><T i18nKey="recent_comments">#</T></h6>
{this.state.comments.map(comment =>
<CommentNodes
nodes={[{comment: comment}]}
@ -188,12 +186,13 @@ export class Post extends Component<any, PostState> {
/>
)}
</div>
</div>
)
}
sidebar() {
return (
<div class="">
<div class="mb-3">
<Sidebar
community={this.state.community}
moderators={this.state.moderators}

1
ui/src/translations/en.ts vendored
View file

@ -109,6 +109,7 @@ export const en = {
expand_here: 'Expand here',
subscribe_to_communities: 'Subscribe to some <1>communities</1>.',
chat: 'Chat',
recent_comments: 'Recent Comments',
no_results: 'No results.',
setup: 'Setup',
lemmy_instance_setup: 'Lemmy Instance Setup',