forked from nutomic/lemmy
Some chat styling
This commit is contained in:
parent
b7cbea66d3
commit
1632d6f23f
2 changed files with 7 additions and 3 deletions
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue