Download as
Browse Code »

Commit c2c4d9c2289afda00d28b1895c2a2b57131c030b

Authored by Victor Costa
1 parent c6fbcd46
Exists in theme-brasil-digital-from-staging and in 9 other branches angular_poc, api-article-archived, backup-7-jan-2016, captcha_serpro_plugin, login-captcha, production, resend_confirmation_email, staging, staging_rails3

comment_paragraph: fix css

Showing 1 changed file with 47 additions and 31 deletions   Show diff stats
plugins/comment_paragraph/public/style.css
  Diff comments   View file @c2c4d9c
1   -#article .article-comments-list,
2   -#article .article-comments-list ul,
3   -#article .article-comments-list li {
4   - margin: 10px 0 10px 0;
5   -}
6   -
7 1 div.article-comments-list-more{
8 2 width: 100%;
9 3 height: 30px;
... ... @@ -42,12 +36,6 @@ div.article-comments-list-more{
42 36 padding: 0px;
43 37 }
44 38  
45   -.article-body{
46   - word-wrap: break-word;
47   - display: inline-block;
48   - word-break: break-all;
49   -}
50   -
51 39 .triangle-right {
52 40 position:relative;
53 41 padding:15px;
... ... @@ -88,23 +76,12 @@ div.article-comments-list-more{
88 76 border-radius: 10px;
89 77 }
90 78  
91   -.side-comment .comment-picture {width: 50px;}
92   -.side-comment .comment-text {display: inline-block;}
93   -.side-comment .comment-replies .comment-text {display: inline-block;}
94   -.side-comment .comment-from-owner .comment-created-at {
95   - display: block;
96   - width: 100%;
97   -}
98   -/*.comment-replies .comment-text {display: block;}*/
99   -/*.side-comment .comment-details {display: none;}*/
100 79 .side-comment .comment-created-at{display: none;}
101 80 .side-comment #comment_title{display: none;}
102 81 .side-comment .comment_title{display: none;}
103 82 .side-comment label[for="comment_title"] {display: none;}
104 83  
105 84  
106   -.side-comment .article-comments-list .comment-replies {padding-left: 20px;}
107   -
108 85  
109 86 div[class^='comments_list_toggle_paragraph_'] {
110 87 border-style: solid;
... ... @@ -121,7 +98,7 @@ div[class^='comment-paragraph-loading-'] {
121 98 right: -230px;
122 99 }
123 100  
124   -#content .comment-balloon div[class^='comment-wrapper-']{
  101 +#content .side-comment .comment-balloon div[class^='comment-wrapper-']{
125 102 background: none;
126 103 }
127 104  
... ... @@ -143,7 +120,7 @@ div[class^='comment-paragraph-loading-'] {
143 120 }
144 121  
145 122 .side-comments-counter:hover{
146   - color: white;
  123 + color: white;
147 124 }
148 125  
149 126 .side-comments-counter:after {
... ... @@ -165,13 +142,52 @@ div[class^='comment-paragraph-loading-'] {
165 142  
166 143 .article-comment-inner {border-bottom: 1px solid #ddd;}
167 144  
168   -#article .comment-replies .article-comment{background: white; border: 0px; border-top: 1px solid #ddd;}
  145 +#article .side-comment .comment-replies .article-comment{background: white; border: 0px; border-top: 1px solid #ddd;}
169 146  
170 147 .comment-replies .comment-from-owner.comment-content {background: none;}
171 148  
172   -.article-comment .comment-details {margin-bottom: 10px;}
173 149  
174   -#content .comment-actions .menu-submenu ul {
175   - right: 100%;
176   - position: absolute;
177   -}
178 150 \ No newline at end of file
  151 +
  152 +
  153 +.side-comment .comment-balloon-content {
  154 + margin: 0;
  155 +}
  156 +
  157 +#article .side-comment .article-comments-list {
  158 + margin: 0;
  159 +}
  160 +#article .side-comment .article-comments-list .article-comment {
  161 + margin: 0;
  162 +}
  163 +.side-comment .comment-details {
  164 + margin: 0;
  165 + padding: 0;
  166 +}
  167 +.side-comment .comment-text {
  168 + padding: 0;
  169 + width: 100%;
  170 + text-align: left;
  171 +}
  172 +.side-comment .comment-text p {
  173 + margin: 0;
  174 +}
  175 +#content #article .article-body .side-comment img {
  176 + max-width: 30px;
  177 +}
  178 +#content #article .article-body .side-comment span.comment-info {
  179 + position: relative;
  180 + top: -10px;
  181 + left: 36px;
  182 + line-height: 0;
  183 + font-weight: bold;
  184 +}
  185 +.side-comment .comment-wrapper-1 {
  186 + margin-left: 36px;
  187 +}
  188 +#article .side-comment .article-comments-list .comment-replies {
  189 + padding-left: 25px;
  190 +}
  191 +#article .side-comment .comment-picture {
  192 + width: 75%;
  193 + height: auto;
  194 +}
... ...