MOBILE-2773 courses: Hide summary from course cards

main
Pau Ferrer Ocaña 2018-12-03 13:18:04 +01:00
parent d8e0aca5dc
commit b78ca51bb1
3 changed files with 8 additions and 10 deletions

View File

@ -498,6 +498,11 @@ ion-app.app-root {
@include text-align('end');
flex-grow: 2;
}
.select-text {
text-overflow: ellipsis;
white-space: nowrap;
}
}

View File

@ -2,8 +2,8 @@
<div (click)="openCourse(course)" class="core-course-thumb" [class.core-course-color-img]="course.courseImage">
<img *ngIf="course.courseImage" [src]="course.courseImage" core-external-content alt=""/>
</div>
<ion-item tappable text-wrap detail-none (click)="openCourse(course)" [title]="course.displayname || course.fullname" class="core-course-link" [class.item-disabled]="course.visible == 0" [class.core-course-more-than-title]="(course.summary && course.summary.length) || (course.progress != null && course.progress >= 0)">
<div>
<ion-item tappable text-wrap detail-none (click)="openCourse(course)" [title]="course.displayname || course.fullname" class="core-course-link" [class.item-disabled]="course.visible == 0" [class.core-course-more-than-title]="(course.progress != null && course.progress >= 0)">
<div class="core-course-title">
<p *ngIf="course.displayname && course.shortname && course.fullname != course.displayname" class="core-course-shortname"><core-format-text [text]="course.shortname"></core-format-text></p>
<h2>
<core-icon name="fa-star" *ngIf="course.isfavourite"></core-icon>
@ -30,13 +30,6 @@
</button>
</div>
</ion-item>
<ion-item text-wrap *ngIf="course.summary && course.summary.length" [class.item-disabled]="course.visible == 0">
<p>
<summary>
<core-format-text [text]="course.summary" [singleLine]="true" [clean]="true" [fullOnClick]="true"></core-format-text>
</summary>
</p>
</ion-item>
<ion-item *ngIf="course.progress != null && course.progress >= 0">
<core-progress-bar [progress]="course.progress"></core-progress-bar>
</ion-item>

View File

@ -47,7 +47,7 @@ ion-app.app-root core-courses-course-progress {
align-items: center;
justify-content: space-between;
}
h2 {
.core-course-title {
margins: 6px 0;
flex-grow: 1;