comment_paragraph: fix css

Victor Costa
1 parent c6fbcd46
Showing 1 changed file with 47 additions and 31 deletions Show diff stats
plugins/comment_paragraph/public/style.css
-#article .article-comments-list, 
-#article .article-comments-list ul, 
-#article .article-comments-list li {
-  margin: 10px 0 10px 0;
-}
-
 div.article-comments-list-more{
   width: 100%;
   height: 30px;
@@ -42,12 +36,6 @@ div.article-comments-list-more{
   padding: 0px;
 }
-.article-body{
-  word-wrap: break-word;
-  display: inline-block;
-  word-break: break-all;
-}
-
 .triangle-right {
   position:relative;
   padding:15px;
@@ -88,23 +76,12 @@ div.article-comments-list-more{
   border-radius: 10px;
 }
-.side-comment .comment-picture {width: 50px;}
-.side-comment .comment-text {display: inline-block;}
-.side-comment .comment-replies .comment-text {display: inline-block;}
-.side-comment .comment-from-owner .comment-created-at {
-  display: block;
-  width: 100%;
-}
-/*.comment-replies .comment-text {display: block;}*/
-/*.side-comment .comment-details  {display: none;}*/
 .side-comment .comment-created-at{display: none;}
 .side-comment #comment_title{display: none;}
 .side-comment .comment_title{display: none;}
 .side-comment label[for="comment_title"] {display: none;}
-.side-comment .article-comments-list .comment-replies {padding-left: 20px;}
-
 div[class^='comments_list_toggle_paragraph_'] {
  border-style: solid;
@@ -121,7 +98,7 @@ div[class^=&#39;comment-paragraph-loading-&#39;] {
  right: -230px;
 }
-#content .comment-balloon div[class^='comment-wrapper-']{
+#content .side-comment .comment-balloon div[class^='comment-wrapper-']{
   background: none;
 }
@@ -143,7 +120,7 @@ div[class^=&#39;comment-paragraph-loading-&#39;] {
 }
 .side-comments-counter:hover{
-  color: white; 
+  color: white;
 }
 .side-comments-counter:after {
@@ -165,13 +142,52 @@ div[class^=&#39;comment-paragraph-loading-&#39;] {
 .article-comment-inner {border-bottom: 1px solid #ddd;}
-#article .comment-replies .article-comment{background: white; border: 0px; border-top: 1px solid #ddd;}
+#article .side-comment .comment-replies .article-comment{background: white; border: 0px; border-top: 1px solid #ddd;}
 .comment-replies .comment-from-owner.comment-content {background: none;}
-.article-comment .comment-details {margin-bottom: 10px;}
-#content .comment-actions .menu-submenu ul {
-  right: 100%;
-  position: absolute;
-}
 \ No newline at end of file
+
+
+.side-comment .comment-balloon-content {
+  margin: 0;
+}
+
+#article .side-comment .article-comments-list {
+  margin: 0;
+}
+#article .side-comment .article-comments-list .article-comment {
+  margin: 0;
+}
+.side-comment .comment-details {
+  margin: 0;
+  padding: 0;
+}
+.side-comment .comment-text {
+  padding: 0;
+  width: 100%;
+  text-align: left;
+}
+.side-comment .comment-text p {
+  margin: 0;
+}
+#content #article .article-body .side-comment img {
+  max-width: 30px;
+}
+#content #article .article-body .side-comment span.comment-info {
+  position: relative;
+  top: -10px;
+  left: 36px;
+  line-height: 0;
+  font-weight: bold;
+}
+.side-comment .comment-wrapper-1 {
+  margin-left: 36px;
+}
+#article .side-comment .article-comments-list .comment-replies {
+  padding-left: 25px;
+}
+#article .side-comment .comment-picture {
+  width: 75%;
+  height: auto;
+}