consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Style topic show. Fix tabs-panel.

Browse Source
This commit is contained in:
Alessandro Cuoghi
2017-08-08 12:20:16 +02:00
committed by taitus
parent 83683eb53f
commit 11f6515e84
3 changed files with 52 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
app/assets/stylesheets/community.scss
View File

@@ -30,21 +30,18 @@
.button{ .button{
margin-top: $line-height; margin-top: $line-height;
} }
}
.topic-info{ }
color: #515151; .communities-participantes{
font-size: 0.875rem; .comment-body{
margin: 0.375rem 0 0; display: inline-block;
float: left;
.icon-comments { margin-right: $line-height;
font-size: rem-calc(16); }
vertical-align: top; }
} .topic-show{
p{
a { margin-bottom: 0;
color: $text-medium;
}
}
} }
} }

30
app/views/communities/show.html.erb
View File

@@ -22,9 +22,31 @@
</div> </div>
</div> </div>
<div class=""> <div class="row column communities-participantes">
Participantes <ul class="tabs" data-tabs id="communities-show-tabs">
<% User.community_participants(@community).each do |participant| %> <li class="tabs-title is-active">
<%= link_to participant.name, user_path(participant)%> <%= link_to "#tab-participantes" do %>
<h3>
Participantes
<!-- Sebas Check count of topics -->
<span class="js-comments-count">(<%= @participants.count %>)</span>
</h3>
<% end %>
</li>
</ul>
<% @participants.each do |participant| %>
<div class="comment-body">
<div class="comment-info">
<%= image_tag("avatar_admin.png", size: 32, class: "admin-avatar float-left") %>
<div class="comment-info">
<span class="user-name">
<%= link_to participant.name, user_path(participant)%>
</span>
</div>
</div>
</div>
<%#= link_to participant.name, user_path(participant)%>
<% end %> <% end %>
</div> </div>

21
app/views/topics/show.html.erb
View File

@@ -1,13 +1,16 @@
<%= render "shared/back_link" %> <div class="row topic-show">
<br> <div class="small-12 medium-12 column">
Comunidad: <%= @community.proposal.title %> <%= render "shared/back_link" %>
<br> <br>
<%= @topic.title %> <p>Comunidad: <strong><%= @community.proposal.title %></strong></p>
<h1><%= @topic.title %></h1>
<div class="tabs-content" data-tabs-content="proposals-tabs" role="tablist"> <div class="tabs-content" data-tabs-content="proposals-tabs" role="tablist">
<%= render "topics/filter_subnav" %> <%= render "topics/filter_subnav" %>
<div class="tabs-panel is-active" id="tab-comments"> <div class="tabs-panel is-active" id="tab-comments">
<%= render "topics/comments" %> <%= render "topics/comments" %>
</div>
</div>
</div> </div>
</div> </div>