MOBILE-3062 module: Change module tag to ion-item
parent
83d2f455ef
commit
a6368a5bbd
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
|
@ -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);
|
||||
}
|
Loading…
Reference in New Issue