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

Adds styles for debates show

Browse Source
This commit is contained in:
Alberto García Cabeza
2015-07-27 22:01:13 +02:00
parent c2c176db75
commit c0a5200c10
3 changed files with 176 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
app/assets/stylesheets/debates.scss
View File

@@ -5,7 +5,8 @@
// 03. Header
// 04. Footer
// 05. Debates
// 06. Comentarios
//
// 01. Variables
// - - - - - - - - - - - - - - - - - - - - - - - - -
@@ -44,6 +45,10 @@ body {
max-width: 1170px;
}
.inline-block {
display: inline-block;
}
// 03. Header
// - - - - - - - - - - - - - - - - - - - - - - - - -
@@ -190,6 +195,7 @@ header {
line-height: $line-height;
margin-bottom: $line-height;
}
}
.votes {
background: $votes-background;
@@ -243,6 +249,83 @@ header {
}
}
}
.debate-show {
background: white;
margin-top: $line-height;
padding: $line-height/2;
h1 {
font-size: rem-calc(30);
font-weight: bold;
margin: 0;
}
.fi-price-tag {
color: $text-color;
font-size: rem-calc(18);
line-height: $line-height;
}
.votes {
.fi-like {
color: $votes-like;
font-size: rem-calc(48);
line-height: $line-height*2;
}
.fi-dislike {
color: $votes-dislike;
display: inline-block;
font-size: rem-calc(48);
line-height: $line-height*2;
padding-top: $line-height/3;
}
.in-favor {
color: $votes-like;
line-height: rem-calc(48);
vertical-align: top;
span {
display: inline-block;
line-height: 48px;
padding-top: 5px;
vertical-align: top;
}
}
.against {
@extend .in-favor;
color: $votes-dislike;
}
.total-votes {
font-size: rem-calc(14);
line-height: $line-height*2;
}
.divider {
background: rgba(0,0,0, .1);
display: inline-block;
height: 3rem;
margin: 0 .5rem;
width: 1px;
}
}
}
// 06. Comentarios
// - - - - - - - - - - - - - - - - - - - - - - - - -
.comments {
clear: both;
h2 {
margin: 0;
font-weight: bold;
}
}
@@ -250,7 +333,3 @@ header {

2
app/views/comments/_form.html.erb
View File

@@ -3,5 +3,5 @@
<%= f.hidden_field :commentable_type, value: parent.class %>
<%= f.hidden_field :commentable_id, value: parent.id %>
<%= f.submit 'Publicar comentario' %>
<%= f.submit 'Publicar comentario', :class => "button radius" %>
<% end %>

53
app/views/debates/show.html.erb
View File

@@ -1,34 +1,41 @@
<article>
<article class="debate-show">
<%= link_to 'Volver', debates_path, :class => 'right' %>
<div class="row">
<div id="debate-<%= @debate.id %>" class="small-12 medium-2 large-4 colum">
<h3><%= @debate.title %></h3>
<div id="debate-<%= @debate.id %>" class="small-12 medium-9 column">
<h1><%= @debate.title %></h1>
<p>Por <%= @debate.author.name %> el <%= l @debate.created_at.to_date %></p>
<p><%= @debate.description %></p>
<p>
Creado el: <%= l @debate.created_at.to_date %>
por: <%= @debate.author.name %>
</p>
<p><%= render 'shared/tags', debate: @debate %></p>
</div>
<span style="width:30%;float:left">
<div id='in_favor'>
<%= link_to "up", debate_votes_path(@debate, value: 'yes'), method: "post" %>
<%= percentage('likes', @debate) %>
<div class="votes small-12 medium-3 column">
<div class="small-12 column text-center">
<div id="in_favor" class="inline-block">
<%= link_to debate_votes_path(@debate, value: 'yes'), :class => 'in-favor', method: "post" do %>
<i class="fi-like"></i>
<span><%= percentage('likes', @debate) %></span>
<% end %>
</div>
<div id='against'>
<%= link_to "down", debate_votes_path(@debate, value: 'no'), method: "post" %>
<%= percentage('dislikes', @debate) %>
<span class="divider"></span>
<div id="against" class="inline-block">
<%= link_to debate_votes_path(@debate, value: 'no'), :class => 'against', method: "post" do %>
<i class="fi-dislike"></i>
<span><%= percentage('dislikes', @debate) %></span>
<% end %>
</div>
</div>
Votos <%= @debate.total_votes %>
</span>
<div style="display: block; width:300px">
<%= render 'shared/tags', debate: @debate %>
<div class="small-12 column text-center">
<p class="total-votes"><%= @debate.total_votes %> votos</p>
</div>
</div>
</div>
<br/><br/>
<div id="comments" style="padding-top:20px">
<div id="comments" class="comments">
<h2>Comentarios</h2>
<div style="padding-bottom:60px">
Deja tu comentario
@@ -38,7 +45,7 @@
</div>
<% if current_user && @debate.editable_by?(current_user) %>
<%= link_to 'Edit', edit_debate_path(@debate) %> |
<%= link_to 'Edit', edit_debate_path(@debate), :class => 'button radius right' %> |
<% end %>
<%= link_to 'Back', debates_path %>
</article>