diff --git a/app/assets/stylesheets/debates.scss b/app/assets/stylesheets/debates.scss index 8e68dc5bb..3d59bf618 100644 --- a/app/assets/stylesheets/debates.scss +++ b/app/assets/stylesheets/debates.scss @@ -13,7 +13,7 @@ @mixin votes { border-top: 1px solid $votes-border; padding: rem-calc(14) rem-calc(12); - background: $votes-background; + background: $votes-bg; margin: 0 -12px; .icon-like { @@ -178,6 +178,10 @@ font-size: rem-calc(16); vertical-align: top; } + + a { + color: $text-light; + } } .debate-description { @@ -320,6 +324,10 @@ line-height: $line-height*2; text-align: justify; + a { + color: $text-light; + } + .bullet { color: $border; } @@ -346,10 +354,17 @@ font-weight: bold; } + .sidebar { + border-top: 1px solid $border; + } + h3 { - border-bottom: 2px solid $votes-border; - font-size: rem-calc(18); - margin: 0; + border-top: 1px solid $votes-border; + display: inline-block; + font-family: $font-family-sans-serif; + font-size: rem-calc(16); + margin: -1px 0 rem-calc(12); + padding-top: rem-calc(6); text-transform: uppercase; } @@ -369,6 +384,11 @@ display: inline-block; margin-top: $line-height; } + + .tags { + display: block; + margin-top: $line-height; + } } // 04. New @@ -443,12 +463,24 @@ p { color: $comments-text; - font-size: rem-calc(15); margin-bottom: 0; } - a { + .comment-votes { color: $comments-info; + font-weight: lighter; + margin: rem-calc(15) rem-calc(6) 0; + + a { + color: $comments-info; + display: inline-block; + vertical-align: top; + } + + [class^="icon-"] { + font-size: rem-calc(20); + vertical-align: top; + } } .user-photo { @@ -456,7 +488,7 @@ display: inline-block; height: 32px; line-height: $line-height*2; - margin-right: $line-height/4; + margin-right: rem-calc(6); vertical-align: top; width: 32px; } @@ -465,13 +497,17 @@ margin-left: $line-height*1.6; .reply { + background: white; + border: 1px solid $border; font-size: rem-calc(12); font-weight: lighter; + margin: rem-calc(6) 0; + padding: rem-calc(6); } } .comment-children { - border-left: 1px dotted $border; + border-left: 1px dashed $border; margin-left: $line-height*1.6; padding-left: $line-height/4; @@ -485,6 +521,11 @@ font-size: rem-calc(13); font-weight: lighter; vertical-align: middle; + + span { + color: $text-color; + font-weight: bold; + } } } } \ No newline at end of file diff --git a/app/assets/stylesheets/participacion.scss b/app/assets/stylesheets/participacion.scss index 09518ad23..7705a8372 100644 --- a/app/assets/stylesheets/participacion.scss +++ b/app/assets/stylesheets/participacion.scss @@ -73,6 +73,14 @@ p { margin-bottom: $line-height/2; } +a { + color: $link; + + &:hover { + color: $link-hover; + } +} + .button { padding: rem-calc(15) rem-calc(32); } diff --git a/app/assets/stylesheets/variables.scss b/app/assets/stylesheets/variables.scss index 6251d669d..74f0f2bfb 100644 --- a/app/assets/stylesheets/variables.scss +++ b/app/assets/stylesheets/variables.scss @@ -27,7 +27,7 @@ $comments-text: #3F4549; $header-color: #292B33; $link: #2895F1; -$link-hover: #2178BF; +$link-hover: #2178BF; $tags-bg: #FAFAFA; $tags-border: #F0F0F0; @@ -38,7 +38,7 @@ $text-medium: #999999; $text-light: #A3A6AD; $votes: #31708f; -$votes-background: #26AEEE; +$votes-bg: #26AEEE; $votes-border: #1F94CB; $votes-like: #7BD2A8; $votes-like-act: #5D9E7F; @@ -59,7 +59,7 @@ $success-bg: #DFF0D8; $success-border: #D6E9C6; $success-color: #3C763D; -$info-bg: #D9EDF7; +$info-bg: #D9EDF7; $info-border: #BCE8F1; $info-color: #31708F; diff --git a/app/views/comments/_comment.html.erb b/app/views/comments/_comment.html.erb index 6e4e02f19..f8eb903a2 100644 --- a/app/views/comments/_comment.html.erb +++ b/app/views/comments/_comment.html.erb @@ -1,25 +1,29 @@
- <%= pluralize(debate.comment_threads.count, - t("debates.debate.comment"), t("debates.debate.comments")) %> + <%= link_to pluralize(debate.comment_threads.count, t("debates.debate.comment"), t("debates.debate.comments")), debate_path(debate, anchor: "comments") %>
- <%= pluralize(featured_debate.comment_threads.count, - t("debates.show.comment"), t("debates.show.comments")) %> + <%= link_to pluralize(featured_debate.comment_threads.count, t("debates.show.comment"), t("debates.show.comments")), debate_path(featured_debate, anchor: "comments") %>
<%= render 'shared/tags', debate: @debate %>
+ + <%= render 'shared/tags', debate: @debate %> +<%= social_share_button_tag(@debate.title) %>
<%= comment.body %>
+<%= comment.body %>
- - <%= render 'comments/votes', comment: comment %> - + + <%= render 'comments/votes', comment: comment %> + - <% if user_signed_in? %> -<%= render 'comments/form', {parent: comment, toggeable: true} %>
- <% end %> -+ nĂºmerototal respuestas + <% if user_signed_in? %> + | + <%= render 'comments/form', {parent: comment, toggeable: true} %>
+ <% end %> +