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

MOBILE-3814 course: Add course header background color

main
Pau Ferrer Ocaña 2022-03-16 12:15:32 +01:00
parent 1819c743a6
commit 2887290c30
2 changed files with 24 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/core/features/course/pages/index/index.html
View File

@ -16,7 +16,8 @@
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<ion-item class="core-format-progress-list ion-text-wrap list-item-limited-width" collapsible> <div class="core-course-header">
<ion-item class="core-format-progress-list ion-text-wrap list-item-limited-width" collapsible>
<ng-container *ngIf="course"> <ng-container *ngIf="course">
<div *ngIf="!course.courseImage" #courseThumb slot="start" class="core-course-thumb"> <div *ngIf="!course.courseImage" #courseThumb slot="start" class="core-course-thumb">
<ion-icon *ngIf="!course.courseImage" name="fas-graduation-cap" class="course-icon" aria-hidden="true"> <ion-icon *ngIf="!course.courseImage" name="fas-graduation-cap" class="course-icon" aria-hidden="true">
@ -34,6 +35,6 @@
</core-progress-bar> </core-progress-bar>
</div> </div>
</ion-label> </ion-label>
</ion-item>
</ion-item> </div>
<core-tabs-outlet [tabs]="tabs" [hideUntil]="loaded" (ionChange)="tabSelected()"></core-tabs-outlet> <core-tabs-outlet [tabs]="tabs" [hideUntil]="loaded" (ionChange)="tabSelected()"></core-tabs-outlet>

4
src/core/features/course/pages/index/index.scss
View File

@ -44,4 +44,8 @@
h1 { h1 {
font-size: 20px; font-size: 20px;
} }
.core-course-header {
background: var(--ion-item-background);
}
} }