MOBILE-2773 courses: Hide summary from course cards
parent
d8e0aca5dc
commit
b78ca51bb1
|
@ -498,6 +498,11 @@ ion-app.app-root {
|
||||||
@include text-align('end');
|
@include text-align('end');
|
||||||
flex-grow: 2;
|
flex-grow: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.select-text {
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<div (click)="openCourse(course)" class="core-course-thumb" [class.core-course-color-img]="course.courseImage">
|
<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=""/>
|
<img *ngIf="course.courseImage" [src]="course.courseImage" core-external-content alt=""/>
|
||||||
</div>
|
</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)">
|
<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>
|
<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>
|
<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>
|
<h2>
|
||||||
<core-icon name="fa-star" *ngIf="course.isfavourite"></core-icon>
|
<core-icon name="fa-star" *ngIf="course.isfavourite"></core-icon>
|
||||||
|
@ -30,13 +30,6 @@
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</ion-item>
|
</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">
|
<ion-item *ngIf="course.progress != null && course.progress >= 0">
|
||||||
<core-progress-bar [progress]="course.progress"></core-progress-bar>
|
<core-progress-bar [progress]="course.progress"></core-progress-bar>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
|
|
|
@ -47,7 +47,7 @@ ion-app.app-root core-courses-course-progress {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
h2 {
|
.core-course-title {
|
||||||
margins: 6px 0;
|
margins: 6px 0;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue