saurabh
/
announcement-test
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

display comment acount on front page

This commit is contained in:
邱博亞 2020-11-16 23:07:37 +08:00
parent 13b9b850ce
commit b7c36af497
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/views/announcements/show.html.erb
View File

@ -79,8 +79,8 @@
hover_color = '#0095CF' if hover_color.blank? hover_color = '#0095CF' if hover_color.blank?
bg_color = site.orbit_bar_background_color rescue nil bg_color = site.orbit_bar_background_color rescue nil
bg_color = bg_color.blank? ? '#3a3b3c' : lighten_color(bg_color,-40) bg_color = bg_color.blank? ? '#3a3b3c' : lighten_color(bg_color,-40)
color1 = complementaryColor(bg_color) color1 = lighten_color(bg_color,-40)
color2 = lighten_color(color1,30) color2 = lighten_color(complementaryColor(bg_color),40)
%> %>
<style type="text/css"> <style type="text/css">
div[contentEditable=true]:empty:before{ div[contentEditable=true]:empty:before{
@ -92,8 +92,9 @@
} }
.announcement-comment { .announcement-comment {
margin-top: 1em; margin-top: 1em;
background: <%= bg_color %>; border: solid 0.2em <%= bg_color %>;
color: <%= color2 %>; background: <%= color2 %>;
color: <%= bg_color %>;
font-size: 1.15em; font-size: 1.15em;
padding: 0.3em 0 0.3em 3%; padding: 0.3em 0 0.3em 3%;
border-radius: 0.7em; border-radius: 0.7em;
@ -101,7 +102,7 @@
width: 80%; width: 80%;
outline: 0; outline: 0;
} }
.annc-comment-div{ .annc-comment-div,.annc-comments{
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
@ -121,15 +122,21 @@
color: <%= color2 %>; color: <%= color2 %>;
background-color: <%= hover_color %>; background-color: <%= hover_color %>;
} }
.annc-comments-nickname {
margin-top: 1em;
margin-left: 3%;
color: <%= bg_color %>;
}
.comment-time{ .comment-time{
padding-left: 1em; padding-left: 1em;
width: 100%;
color: <%= bg_color %>; color: <%= bg_color %>;
} }
.annc-comments{ .annc-comments{
margin: 1.5em 0; margin: 1.5em 0;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.annc-comment-div{ .annc-comment-div,.annc-comments{
justify-content: center; justify-content: center;
} }
.announcement-comment { .announcement-comment {
@ -160,6 +167,7 @@
<div class="announcement-comment"> <div class="announcement-comment">
<%= comment.comment.html_safe %> <%= comment.comment.html_safe %>
</div> </div>
<div class="annc-comments-nickname">by <%= comment.account %></div>
<br> <br>
</div> </div>
<% end %> <% end %>