improves css for items on list with images

This commit is contained in:
decabeza
2017-10-03 13:57:01 +02:00
parent 5e9a452e55
commit c32a70d2a9
3 changed files with 8 additions and 9 deletions

View File

@@ -668,16 +668,15 @@
padding-top: 100%; padding-top: 100%;
} }
} }
.column:first-child {
text-align: center;
}
} }
@include breakpoint(medium) { @include breakpoint(medium) {
.panel { .panel {
padding: 0 $line-height / 2 0 0;
&.with-image {
padding: 0 $line-height / 2 0 0;
}
.no-image { .no-image {
height: 100%; height: 100%;

View File

@@ -1,8 +1,8 @@
<div id="<%= dom_id(investment) %>" class="budget-investment clear"> <div id="<%= dom_id(investment) %>" class="budget-investment clear">
<div class="panel"> <div class="panel with-image">
<div class="row" data-equalizer> <div class="row" data-equalizer>
<div class="small-12 medium-3 large-2 column"> <div class="small-12 medium-3 large-2 column text-center">
<div data-equalizer-watch> <div data-equalizer-watch>
<% if investment.image.present? %> <% if investment.image.present? %>
<%= image_tag investment.image_url(:thumb), alt: investment.image.title %> <%= image_tag investment.image_url(:thumb), alt: investment.image.title %>

View File

@@ -1,11 +1,11 @@
<div id="<%= dom_id(proposal) %>" <div id="<%= dom_id(proposal) %>"
class="proposal clear <%= ("successful" if proposal.total_votes > Proposal.votes_needed_for_success) %>" class="proposal clear <%= ("successful" if proposal.total_votes > Proposal.votes_needed_for_success) %>"
data-type="proposal"> data-type="proposal">
<div class="panel"> <div class="panel with-image">
<div class="icon-successful"></div> <div class="icon-successful"></div>
<div class="row" data-equalizer> <div class="row" data-equalizer>
<div class="small-12 medium-3 large-2 column"> <div class="small-12 medium-3 large-2 column text-center">
<div data-equalizer-watch> <div data-equalizer-watch>
<% if proposal.image.present? %> <% if proposal.image.present? %>
<%= image_tag proposal.image_url(:thumb), alt: proposal.image.title %> <%= image_tag proposal.image_url(:thumb), alt: proposal.image.title %>