diff options
author | Dessalines <tyhou13@gmx.com> | 2019-04-21 17:27:39 -0700 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2019-04-21 17:27:39 -0700 |
commit | 6aefbf355e9ad9713e751c877a62d948a9aea02d (patch) | |
tree | e8fb37c30292b44622db787fb142baa148a9ece7 | |
parent | b80ec3fe96c364bd14a5149b2511a9ef4e46b12a (diff) |
Some chat styling
-rw-r--r-- | ui/src/components/post.tsx | 6 | ||||
-rw-r--r-- | ui/src/css/main.css | 4 |
2 files changed, 7 insertions, 3 deletions
diff --git a/ui/src/components/post.tsx b/ui/src/components/post.tsx index 9f489466..586bda75 100644 --- a/ui/src/components/post.tsx +++ b/ui/src/components/post.tsx @@ -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> diff --git a/ui/src/css/main.css b/ui/src/css/main.css index 832149f4..61e068cd 100644 --- a/ui/src/css/main.css +++ b/ui/src/css/main.css @@ -89,5 +89,9 @@ blockquote { .new-comments { max-height: 100vh; + overflow: hidden; +} + +.new-comments:hover { overflow-y: auto; } |