rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-02-17 11:54:22 +01:00
Code Issues Releases Activity

Project view: added responsive support on external images

Browse Source
This commit is contained in:
cyril 2017-04-13 14:26:29 +02:00
parent 2971fd25b8
commit d1a1b63db5
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -160,6 +160,11 @@
height: 400px; height: 400px;
} }
} }
img {
display: block;
max-width: 100%;
height: auto;
}
} }
.label-staging { .label-staging {

4
app/assets/templates/projects/show.html.erb
View File

@ -31,7 +31,7 @@
<div class="article wrapper-lg"> <div class="article wrapper-lg">
<div class="article-thumbnail" ng-if="project.project_image"> <div class="article-thumbnail" ng-if="project.project_image">
<a href="{{project.project_full_image}}" target="_blank"><img ng-src="{{project.project_image}}" alt="{{project.name}}" class="img-responsive"></a> <a href="{{project.project_full_image}}" target="_blank"><img ng-src="{{project.project_image}}" alt="{{project.name}}"></a>
</div> </div>
<h3 translate>{{ 'project_description' }}</h3> <h3 translate>{{ 'project_description' }}</h3>
@ -44,7 +44,7 @@
</div> </div>
<div ng-repeat-start="image in step.project_step_images_attributes" class="clearfix" ng-if="$index % 3 == 0"></div> <div ng-repeat-start="image in step.project_step_images_attributes" class="clearfix" ng-if="$index % 3 == 0"></div>
<div class="col-md-4" ng-repeat-end> <div class="col-md-4" ng-repeat-end>
<a href="{{image.attachment_full_url}}" target="_blank"><img class="img-responsive m-b" ng-src="{{image.attachment_url}}" alt="{{image.attachment}}" ></a> <a href="{{image.attachment_full_url}}" target="_blank"><img class="m-b" ng-src="{{image.attachment_url}}" alt="{{image.attachment}}" ></a>
</div> </div>
<div class="col-md-8" ng-class="{'col-md-12' : step.project_step_images_attributes.length > 1 || step.project_step_images_attributes.length == 0}"> <div class="col-md-8" ng-class="{'col-md-12' : step.project_step_images_attributes.length > 1 || step.project_step_images_attributes.length == 0}">