diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss index 112afe7d4..b4ee47a83 100644 --- a/app/assets/stylesheets/participation.scss +++ b/app/assets/stylesheets/participation.scss @@ -1680,6 +1680,58 @@ } } +.budget-execution { + border: 1px solid $border; + overflow: hidden; + position: relative; + + a { + color: $text; + display: block; + + img { + max-height: $line-height * 13; + transition-duration: 0.3s; + transition-property: transform; + } + + &:hover { + text-decoration: none; + + img { + transform: scale(1.05); + } + } + } + + h5 { + font-size: $base-font-size; + margin-bottom: 0; + } + + .budget-execution-info { + padding: $line-height / 2; + } + + .author { + color: $text-medium; + font-size: $small-font-size; + } + + .budget-execution-content { + min-height: $line-height * 3; + } + + .price { + color: $budget; + font-size: rem-calc(24); + } + + &:hover { + box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); + } +} + // 07. Proposals successful // ------------------------- diff --git a/app/views/budgets/executions/_investments.html.erb b/app/views/budgets/executions/_investments.html.erb index fb7df6170..c07ae9fdb 100644 --- a/app/views/budgets/executions/_investments.html.erb +++ b/app/views/budgets/executions/_investments.html.erb @@ -1,17 +1,29 @@ -
- <% @headings.each do |heading| %> - <%= heading.name %> +<% @headings.each do |heading| %> +

+ <%= heading.name %> +

+
<% heading.investments.selected.sort_by_ballots.joins(:milestones).each do |investment| %> -
- <% if investment.image.present? %> - <%= image_tag investment.image_url(:thumb), alt: investment.image.title %> - <% else %> - <%= image_tag Rails.root.join('/budget_execution_no_image.jpg'), alt: investment.title %> - <% end %> - <%= investment.title %> - <%= investment.author.name %> - <%= investment.formatted_price %> +
+
+ <%= link_to investment.url, data: { 'equalizer-watch': true} do %> + <% if investment.image.present? %> + <%= image_tag investment.image_url(:thumb), alt: investment.image.title %> + <% else %> + <%= image_tag Rails.root.join('/budget_execution_no_image.jpg'), alt: investment.title %> + <% end %> +
+
+
<%= investment.title %>
+ <%= investment.author.name %> +
+

+ <%= investment.formatted_price %> +

+
+ <% end %> +
<% end %> - <% end %> -
+
+<% end %>