MOBILE-2543 courses: Thumb course image with white background

main
Pau Ferrer Ocaña 2018-08-06 09:11:07 +02:00
parent e6c5607463
commit a0445bb757
3 changed files with 6 additions and 1 deletions

View File

@ -18,6 +18,7 @@ core-course-format {
cursor: pointer; cursor: pointer;
pointer-events: auto; pointer-events: auto;
position: relative; position: relative;
background: white;
img { img {
position: absolute; position: absolute;

View File

@ -1,5 +1,5 @@
<ion-card> <ion-card>
<div (click)="openCourse(course)" class="core-course-thumb core-course-color-{{course.id % 10}}"> <div (click)="openCourse(course)" class="core-course-thumb core-course-color-{{course.id % 10}}" [class.core-course-color-img]="course.imageThumb">
<img *ngIf="course.imageThumb" [src]="course.imageThumb" core-external-content alt=""/> <img *ngIf="course.imageThumb" [src]="course.imageThumb" core-external-content alt=""/>
</div> </div>
<ion-item tappable text-wrap detail-none (click)="openCourse(course)" [title]="course.fullname" class="core-course-link"> <ion-item tappable text-wrap detail-none (click)="openCourse(course)" [title]="course.fullname" class="core-course-link">

View File

@ -17,6 +17,10 @@ core-courses-course-progress {
} }
} }
&.core-course-color-img {
background: white;
}
img { img {
position: absolute; position: absolute;
top: 0; top: 0;