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

View File

@ -16,6 +16,7 @@
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<div class="core-course-header">
<ion-item class="core-format-progress-list ion-text-wrap list-item-limited-width" collapsible> <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">
@ -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>

View File

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