MOBILE-3062 module: Change module tag to ion-item

main
Pau Ferrer Ocaña 2019-07-29 13:26:05 +02:00
parent 83d2f455ef
commit a6368a5bbd
3 changed files with 11 additions and 11 deletions

View File

@ -1,4 +1,4 @@
a.core-course-module-handler.addon-mod-label-handler {
.item.core-course-module-handler.addon-mod-label-handler {
align-items: center;
&:hover {
@ -6,14 +6,14 @@ a.core-course-module-handler.addon-mod-label-handler {
}
}
.md a.core-course-module-handler.addon-mod-label-handler .item-inner {
.md .item.core-course-module-handler.addon-mod-label-handler .item-inner {
padding-bottom: $item-md-padding-bottom;
}
.ios a.core-course-module-handler.addon-mod-label-handler .item-inner {
.ios .item.core-course-module-handler.addon-mod-label-handler .item-inner {
padding-bottom: $item-ios-padding-bottom;
}
.wp a.core-course-module-handler.addon-mod-label-handler .item-inner {
.wp .item.core-course-module-handler.addon-mod-label-handler .item-inner {
padding-bottom: $item-wp-padding-bottom;
}

View File

@ -1,4 +1,4 @@
<a *ngIf="module && module.visibleoncoursepage !== 0" ion-item text-wrap id="core-course-module-{{module.id}}" class="core-course-module-handler {{module.handlerData.class}}" (click)="moduleClicked($event)" [ngClass]="{'item-media': module.handlerData.icon, 'core-not-clickable': !module.handlerData.action || !module.uservisible === false, 'item-dimmed': module.visible === 0 || module.uservisible === false}" [title]="module.handlerData.a11yTitle" detail-none>
<ion-item *ngIf="module && module.visibleoncoursepage !== 0" text-wrap id="core-course-module-{{module.id}}" class="core-course-module-handler {{module.handlerData.class}}" (click)="moduleClicked($event)" [ngClass]="{'item-media': module.handlerData.icon, 'core-not-clickable': !module.handlerData.action || !module.uservisible === false, 'item-dimmed': module.visible === 0 || module.uservisible === false}" [title]="module.handlerData.a11yTitle" detail-none>
<img item-start *ngIf="module.handlerData.icon" [src]="module.handlerData.icon" [alt]="module.modnametranslated" class="core-module-icon">
<div class="core-module-title">
@ -32,4 +32,4 @@
<ion-badge item-end *ngIf="module.completiondata && module.completiondata.offline" color="warning" text-wrap>{{ 'core.course.manualcompletionnotsynced' | translate }}</ion-badge>
</div>
<core-format-text class="core-module-description" *ngIf="module.description" maxHeight="80" [text]="module.description"></core-format-text>
</a>
</ion-item>

View File

@ -2,7 +2,7 @@ ion-app.app-root core-course-module {
background: white;
display: block;
a.core-course-module-handler {
.item.core-course-module-handler {
align-items: flex-start;
min-height: 52px;
@ -80,7 +80,7 @@ ion-app.app-root.md core-course-module {
}
}
a.core-course-module-handler .core-module-icon {
.item.core-course-module-handler .core-module-icon {
margin-top: $label-md-margin-top;
margin-bottom: $label-md-margin-bottom;
width: 24px;
@ -110,7 +110,7 @@ ion-app.app-root.ios core-course-module {
}
}
a.core-course-module-handler .core-module-icon {
.item.core-course-module-handler .core-module-icon {
margin-top: $label-ios-margin-top;
margin-bottom: $label-ios-margin-bottom;
width: 24px;
@ -137,7 +137,7 @@ ion-app.app-root.wp core-course-module {
}
}
a.core-course-module-handler .core-module-icon {
.item.core-course-module-handler .core-module-icon {
margin-top: $item-wp-padding-top;
margin-bottom: $item-wp-padding-bottom;
width: 24px;
@ -154,6 +154,6 @@ ion-app.app-root.wp core-course-module {
}
}
ion-app.app-root a.core-course-module-handler.item [item-start] + .item-inner {
ion-app.app-root .core-course-module-handler.item [item-start] + .item-inner {
@include margin-horizontal(4px, null);
}