From: Dessalines <tyhou13@gmx.com>
Date: Mon, 22 Apr 2019 00:27:39 +0000 (-0700)
Subject: Some chat styling
X-Git-Url: http://these/git/%22%7Bauthor_url%7D/README.zh.hant.md?a=commitdiff_plain;h=6aefbf355e9ad9713e751c877a62d948a9aea02d;p=lemmy.git

Some chat styling
---

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;
 }