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> </ion-item-divider>
<core-loading [hideUntil]="loaded" class="core-loading-center"> <core-loading [hideUntil]="loaded" class="core-loading-center">
<div class="core-horizontal-scroll" *ngIf="items && items.length > 0"> <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> <ion-card>
<a ion-item text-wrap detail-none class="core-course-module-handler item-media" (click)="action($event, item)" [title]="item.name"> <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"> <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> <p><core-format-text [text]="item.coursename"></core-format-text></p>
</a> </a>
</ion-card> </ion-card>
</ng-container> </div>
</div> </div>
<core-empty-box *ngIf="items.length <= 0" image="assets/img/icons/activities.svg" [message]="'addon.block_recentlyaccesseditems.noitems' | translate"></core-empty-box> <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); @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 { 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 { ion-card.card {
.core-course-thumb { .core-course-thumb {
padding-top: 40%; padding-top: 30%;
} }
.core-course-link { .core-course-link {