Commit 708f1c56d68c466ca60e2d3219933312c72aba82
1 parent
5f4b212f
Exists in
master
and in
28 other branches
ActionItem692: the text "no comments yet" is smaller and low opac. Also the comm…
…ents counting was removed where comments are not acepted.
Showing
2 changed files
with
31 additions
and
9 deletions
Show diff stats
app/views/content_viewer/view_page.rhtml
| @@ -76,14 +76,18 @@ | @@ -76,14 +76,18 @@ | ||
| 76 | </div> | 76 | </div> |
| 77 | <% end %> | 77 | <% end %> |
| 78 | 78 | ||
| 79 | - <h3> | ||
| 80 | - <%= @comments.size == 0 ? _('No comments yet') : (n_('One comment', '%{comments} comments', @comments.size)) % { :comments => @comments.size} %> | ||
| 81 | - </h3> | ||
| 82 | - <%= render :partial => 'comment', :collection => @comments %> | ||
| 83 | -<% if !@page.accept_comments? %> | ||
| 84 | - <h3><%= _('This article does not accept comments')%></h3> | ||
| 85 | -<% else %> | ||
| 86 | - <%= render :partial => 'comment_form' %> | ||
| 87 | -<% end %> | 79 | + |
| 80 | +<div class="comments"> | ||
| 81 | + <% if !@page.accept_comments? %> | ||
| 82 | + <i class="do-not-comment"><%= _('This article does not accept comments')%></i> | ||
| 83 | + <% else %> | ||
| 84 | + <h3 <%= 'class="no-comments-yet"' if @comments.size == 0 %>> | ||
| 85 | + <%= @comments.size == 0 ? _('No comments yet') : | ||
| 86 | + (n_('One comment', '%{comments} comments', @comments.size)) % { :comments => @comments.size} | ||
| 87 | + %></h3> | ||
| 88 | + <%= render :partial => 'comment', :collection => @comments %> | ||
| 89 | + <%= render :partial => 'comment_form' %> | ||
| 90 | + <% end %> | ||
| 91 | +</div><!-- end class="comments" --> | ||
| 88 | 92 | ||
| 89 | </div><!-- end id="article" --> | 93 | </div><!-- end id="article" --> |
public/stylesheets/article.css
| @@ -29,6 +29,24 @@ | @@ -29,6 +29,24 @@ | ||
| 29 | 29 | ||
| 30 | /* * * Comments * * */ | 30 | /* * * Comments * * */ |
| 31 | 31 | ||
| 32 | +.comments { } | ||
| 33 | + | ||
| 34 | +#content .no-comments-yet { | ||
| 35 | + text-align: center; | ||
| 36 | + font-size: 80%; | ||
| 37 | + opacity: 0.5; | ||
| 38 | + filter: alpha(opacity=50); | ||
| 39 | +} | ||
| 40 | + | ||
| 41 | +.do-not-comment { | ||
| 42 | + display: block; | ||
| 43 | + text-align: right; | ||
| 44 | + padding-top: 15px; | ||
| 45 | + font-size: 80%; | ||
| 46 | + opacity: 0.5; | ||
| 47 | + filter: alpha(opacity=50); | ||
| 48 | +} | ||
| 49 | + | ||
| 32 | .article-comment { | 50 | .article-comment { |
| 33 | position: relative; | 51 | position: relative; |
| 34 | border: 1px solid #B8CFE7; | 52 | border: 1px solid #B8CFE7; |