Some chat styling

This commit is contained in:
Dessalines 2019-04-21 17:27:39 -07:00
parent b7cbea66d3
commit 1632d6f23f
2 changed files with 7 additions and 3 deletions

View file

@ -80,7 +80,7 @@ export class Post extends Component<any, PostState> {
{this.state.loading ? {this.state.loading ?
<h5><svg class="icon icon-spinner spin"><use xlinkHref="#icon-spinner"></use></svg></h5> : <h5><svg class="icon icon-spinner spin"><use xlinkHref="#icon-spinner"></use></svg></h5> :
<div class="row"> <div class="row">
<div class="col-12 col-md-8 col-lg-7 mb-3"> <div class="col-12 col-md-8 col-lg-7 mb-3 pr-0">
<PostListing <PostListing
post={this.state.post} post={this.state.post}
showBody showBody
@ -94,10 +94,10 @@ export class Post extends Component<any, PostState> {
{this.sortRadios()} {this.sortRadios()}
{this.commentsTree()} {this.commentsTree()}
</div> </div>
<div class="col-12 col-md-4 col-lg-3 mb-3 d-none d-md-block"> <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()} {this.state.comments.length > 0 && this.newComments()}
</div> </div>
<div class="col-12 col-sm-12 col-lg-2"> <div class="col-12 col-sm-12 col-lg-2 px-0 pl-2">
{this.sidebar()} {this.sidebar()}
</div> </div>
</div> </div>

View file

@ -89,5 +89,9 @@ blockquote {
.new-comments { .new-comments {
max-height: 100vh; max-height: 100vh;
overflow: hidden;
}
.new-comments:hover {
overflow-y: auto; overflow-y: auto;
} }