rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-29 18:52:22 +01:00
Code Issues Releases Activity

fix events index: box sizes

Browse Source
This commit is contained in:
Sylvain 2016-07-04 10:39:24 +02:00
parent 981999c29f
commit 3f6890825b
2 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/assets/stylesheets/app.components.scss
View File

@ -417,6 +417,7 @@
.event {
transition: all 0.07s linear;
overflow: hidden;
}
.event:hover {
@ -431,8 +432,8 @@ border-color: #eee;
}
.box-h-m {
height: 150px;
max-height: 150px;
height: 175px;
max-height: 175px;
}
.half-w {
@ -446,25 +447,31 @@ border-color: #d0d0d0;
padding: 10px;
}
.crop-130 {
height: 130px;
width: 130px;
max-width: 130px;
max-height: 130px;
.crop-155 {
height: 155px;
width: 155px;
max-width: 155px;
max-height: 155px;
overflow: hidden;
vertical-align: bottom;
}
.crop-130 img {
height: 130px;
.crop-155 img {
height: 155px;
width: auto;
}
@media only screen and (max-width: 1280px) and (min-width: 770px) {
.crop-130 {
@media only screen and (max-width: 1375px) and (min-width: 770px) {
.crop-155 {
height: 90px;
width: 90px;
margin-top: 25px;
margin-top: 35px;
}
}
@media only screen and (max-width: 1375px) and (min-width: 1125px) {
.half-w {
width: 60%;
}
}

2
app/assets/templates/events/index.html.erb
View File

@ -58,7 +58,7 @@
<h6 class="m-n" ng-if="event.amount">{{ 'full_price_' | translate }} {{event.amount | currency}} <span ng-if="event.reduced_amount > 0">/ {{ 'reduced_rate_' | translate }} {{event.reduced_amount | currency}}</span></h6>
</div>
<!-- Event Image -->
<div class="pull-right crop-130">
<div class="pull-right crop-155">
<img class="pull-right" ng-src="{{event.event_image_small}}" title="{{event.title}}" ng-if="event.event_image">
<img class="pull-right img-responsive" src="data:image/png;base64," data-src="holder.js/100%x100%/text:&#xf03e;/font:FontAwesome/icon" bs-holder ng-if="!event.event_image">
</div>