MOBILE-3814 course: Add course header background color
parent
1819c743a6
commit
2887290c30
|
@ -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>
|
||||||
|
|
|
@ -44,4 +44,8 @@
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.core-course-header {
|
||||||
|
background: var(--ion-item-background);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue