EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-2689 courses: Restyle star on favourite course

main
Pau Ferrer Ocaña 2018-11-12 13:25:38 +01:00
parent 4adf1432ec
commit 9391a8a24a
2 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/core/courses/components/course-progress/core-courses-course-progress.html
View File

@ -1,10 +1,12 @@
<ion-card [attr.course-color]="course.id % 10">
<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=""/>
<core-icon name="fa-star" *ngIf="course.isfavourite"></core-icon>
</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)">
<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">
<!-- Download course. -->

17
src/core/courses/components/course-progress/course-progress.scss
View File

@ -1,3 +1,5 @@
$core-star-color: $core-color !default;
ion-app.app-root core-courses-course-progress {
ion-card.card {
display: flex;
@ -29,16 +31,6 @@ ion-app.app-root core-courses-course-progress {
bottom: 0;
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 {
@ -55,6 +47,11 @@ ion-app.app-root core-courses-course-progress {
h2 {
margins: 6px 0;
flex-grow: 1;
ion-icon {
margin-right: 4px;
color: $core-star-color;
}
}
&.core-course-more-than-title {