MOBILE-2689 courses: Restyle star on favourite course
parent
4adf1432ec
commit
9391a8a24a
|
@ -1,10 +1,12 @@
|
||||||
<ion-card [attr.course-color]="course.id % 10">
|
<ion-card [attr.course-color]="course.id % 10">
|
||||||
<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=""/>
|
||||||
<core-icon name="fa-star" *ngIf="course.isfavourite"></core-icon>
|
|
||||||
</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.summary && course.summary.length) || (course.progress != null && course.progress >= 0)">
|
||||||
<h2><core-format-text [text]="course.displayname || course.fullname"></core-format-text></h2>
|
<h2>
|
||||||
|
<core-icon name="fa-star" *ngIf="course.isfavourite"></core-icon>
|
||||||
|
<core-format-text [text]="course.displayname || course.fullname"></core-format-text>
|
||||||
|
</h2>
|
||||||
|
|
||||||
<div class="core-button-spinner" *ngIf="downloadCourseEnabled && !courseOptionMenuEnabled">
|
<div class="core-button-spinner" *ngIf="downloadCourseEnabled && !courseOptionMenuEnabled">
|
||||||
<!-- Download course. -->
|
<!-- Download course. -->
|
||||||
|
|
|
@ -1,3 +1,5 @@
|
||||||
|
$core-star-color: $core-color !default;
|
||||||
|
|
||||||
ion-app.app-root core-courses-course-progress {
|
ion-app.app-root core-courses-course-progress {
|
||||||
ion-card.card {
|
ion-card.card {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -29,16 +31,6 @@ ion-app.app-root core-courses-course-progress {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
ion-icon {
|
|
||||||
position: absolute;
|
|
||||||
@include position(0, null, null, 0);
|
|
||||||
padding: 16px;
|
|
||||||
color: $gray-darker;
|
|
||||||
-webkit-text-stroke-width: 0.5px;
|
|
||||||
-webkit-text-stroke-color: $gray-lighter;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.core-course-link {
|
.core-course-link {
|
||||||
|
@ -55,6 +47,11 @@ ion-app.app-root core-courses-course-progress {
|
||||||
h2 {
|
h2 {
|
||||||
margins: 6px 0;
|
margins: 6px 0;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
||||||
|
ion-icon {
|
||||||
|
margin-right: 4px;
|
||||||
|
color: $core-star-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.core-course-more-than-title {
|
&.core-course-more-than-title {
|
||||||
|
|
Loading…
Reference in New Issue