Some chat styling

This commit is contained in:
Dessalines 2019-04-21 17:27:39 -07:00
parent b80ec3fe96
commit 6aefbf355e
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 ?
<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-7 mb-3">
<div class="col-12 col-md-8 col-lg-7 mb-3 pr-0">
<PostListing
post={this.state.post}
showBody
@ -94,10 +94,10 @@ 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">
<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-2">
<div class="col-12 col-sm-12 col-lg-2 px-0 pl-2">
{this.sidebar()}
</div>
</div>

View file

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