MOBILE-2629 dashboard: Balance course cards width

main
Pau Ferrer Ocaña 2018-12-12 09:59:50 +01:00
parent 30978943bf
commit 88ddd664a9
3 changed files with 5 additions and 6 deletions

View File

@ -3,7 +3,7 @@
</ion-item-divider>
<core-loading [hideUntil]="loaded" class="core-loading-center">
<div class="core-horizontal-scroll" *ngIf="items && items.length > 0">
<ng-container *ngFor="let item of items">
<div *ngFor="let item of items">
<ion-card>
<a ion-item text-wrap detail-none class="core-course-module-handler item-media" (click)="action($event, item)" [title]="item.name">
<img item-start [src]="item.iconUrl" alt="" role="presentation" *ngIf="item.iconUrl" class="core-module-icon">
@ -11,7 +11,7 @@
<p><core-format-text [text]="item.coursename"></core-format-text></p>
</a>
</ion-card>
</ng-container>
</div>
</div>
<core-empty-box *ngIf="items.length <= 0" image="assets/img/icons/activities.svg" [message]="'addon.block_recentlyaccesseditems.noitems' | translate"></core-empty-box>

View File

@ -1,3 +1,3 @@
ion-app.app-root addon-block-recentlyaccesseditems .core-horizontal-scroll .card {
ion-app.app-root addon-block-recentlyaccesseditems .core-horizontal-scroll > div {
@include horizontal_scroll_item(80%, 250px, 300px);
}

View File

@ -96,12 +96,11 @@ ion-app.app-root core-courses-course-progress {
ion-app.app-root .core-horizontal-scroll core-courses-course-progress {
@include horizontal_scroll_item(45%, 210px, 300px);
@include horizontal_scroll_item(80%, 250px, 300px);
ion-card.card {
.core-course-thumb {
padding-top: 40%;
padding-top: 30%;
}
.core-course-link {