Commit 48f11e5c1e9ea1bd2133ab4b9c731db93367501e

Authored by Gustavo Cruz
1 parent cec3b5d2

update css plugin

plugins/comment_paragraph/public/comment_paragraph_macro.js
@@ -82,7 +82,7 @@ jQuery(document).ready(function($) { @@ -82,7 +82,7 @@ jQuery(document).ready(function($) {
82 $('label[for|=comment_title]').hide(); 82 $('label[for|=comment_title]').hide();
83 $('label[for|=comment_body]').css({top: -30, left: +20, position:'relative'}); 83 $('label[for|=comment_body]').css({top: -30, left: +20, position:'relative'});
84 $('.comment_form p').hide(); 84 $('.comment_form p').hide();
85 - $('.comments_list_toggle_paragraph_' + paragraphId).width('350px'); 85 + $('.comments_list_toggle_paragraph_' + paragraphId).width('250px');
86 $('.required-field').removeClass("required-field"); 86 $('.required-field').removeClass("required-field");
87 } 87 }
88 88
@@ -224,4 +224,4 @@ function loadCompleted(paragraph) { @@ -224,4 +224,4 @@ function loadCompleted(paragraph) {
224 jQuery.scrollTo(jQuery(comment_paragraph_anchor)); 224 jQuery.scrollTo(jQuery(comment_paragraph_anchor));
225 comment_paragraph_anchor = null; 225 comment_paragraph_anchor = null;
226 } 226 }
227 -}  
228 \ No newline at end of file 227 \ No newline at end of file
  228 +}
plugins/comment_paragraph/public/style.css
  1 +
  2 +#article .article-comments-list,
  3 +#article .article-comments-list ul,
  4 +#article .article-comments-list li {
  5 + margin: 10px 0 10px 0;
  6 +}
  7 +
1 div.article-comments-list-more{ 8 div.article-comments-list-more{
2 width: 100%; 9 width: 100%;
3 height: 30px; 10 height: 30px;
@@ -102,7 +109,15 @@ display: block; @@ -102,7 +109,15 @@ display: block;
102 width: 0; 109 width: 0;
103 }*/ 110 }*/
104 111
105 - 112 +.comment-picture {width: 50px;}
  113 +.comment-text {display: inline-block;}
  114 +.comment-replies .comment-text {display: inline-block;}
  115 +.comment-from-owner .comment-created-at {
  116 + display: block;
  117 + width: 100%;}
  118 +.comment-replies .comment-text {display: block;}
  119 +#article .article-comment .comment-details h4 {display: none;}
  120 +#article .article-comments-list .comment-replies {padding-left: 20px;}
106 #comment_title{ 121 #comment_title{
107 display: none; 122 display: none;
108 } 123 }
@@ -110,9 +125,10 @@ width: 0; @@ -110,9 +125,10 @@ width: 0;
110 div[class^='comments_list_toggle_paragraph_'] { 125 div[class^='comments_list_toggle_paragraph_'] {
111 border-style: solid; 126 border-style: solid;
112 border-width: 1px; 127 border-width: 1px;
113 - border-color: black; 128 + border-color: #ccc;
114 padding: 5px; 129 padding: 5px;
115 background-color: whitesmoke; 130 background-color: whitesmoke;
  131 + width: 250px;
116 } 132 }
117 133
118 div[class^='comment-paragraph-loading-'] { 134 div[class^='comment-paragraph-loading-'] {
@@ -122,16 +138,34 @@ div[class^='comment-paragraph-loading-'] { @@ -122,16 +138,34 @@ div[class^='comment-paragraph-loading-'] {
122 padding: 5px;*/ 138 padding: 5px;*/
123 background-color: whitesmoke; 139 background-color: whitesmoke;
124 z-index: 99; 140 z-index: 99;
  141 + right: -230px;
  142 +}
  143 +
  144 +#content .comment-balloon div[class^='comment-wrapper-']{
  145 + background: none;
125 } 146 }
126 147
  148 +.article-comment-inner {border-bottom: 1px solid #ddd;}
  149 +
127 /*label[for="comment_title"]{ 150 /*label[for="comment_title"]{
128 display: none; 151 display: none;
129 }*/ 152 }*/
130 153
  154 +#article .comment-replies .article-comment{background: white; border: 0px; border-top: 1px solid #ddd;}
  155 +.comment-replies .comment-from-owner.comment-content {background: none;}
  156 +
131 #comments_list{ 157 #comments_list{
132 display: none; 158 display: none;
133 } 159 }
134 160
  161 +.article-comment .comment-details {margin-bottom: 10px;}
  162 +
  163 +#content .comment-actions .menu-submenu ul {
  164 + right: 100%;
  165 + position: absolute;
  166 +}
  167 +
  168 +
135 /* Hides old style counter*/ 169 /* Hides old style counter*/
136 /*.comment-count{ 170 /*.comment-count{
137 display: none; 171 display: none;