MOBILE-2629 dashboard: Balance course cards width
parent
30978943bf
commit
88ddd664a9
|
@ -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>
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue