From a6368a5bbdcc5d1702640962a127c5ed1440d484 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Mon, 29 Jul 2019 13:26:05 +0200
Subject: [PATCH] MOBILE-3062 module: Change module tag to ion-item

---
 src/addon/mod/label/label.scss                         |  8 ++++----
 .../course/components/module/core-course-module.html   |  4 ++--
 src/core/course/components/module/module.scss          | 10 +++++-----
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/addon/mod/label/label.scss b/src/addon/mod/label/label.scss
index 9f6514ba6..46d2a8600 100644
--- a/src/addon/mod/label/label.scss
+++ b/src/addon/mod/label/label.scss
@@ -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;
 }
diff --git a/src/core/course/components/module/core-course-module.html b/src/core/course/components/module/core-course-module.html
index 55686efd0..eae6da52c 100644
--- a/src/core/course/components/module/core-course-module.html
+++ b/src/core/course/components/module/core-course-module.html
@@ -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>
\ No newline at end of file
+</ion-item>
\ No newline at end of file
diff --git a/src/core/course/components/module/module.scss b/src/core/course/components/module/module.scss
index 410482e76..c08daa491 100644
--- a/src/core/course/components/module/module.scss
+++ b/src/core/course/components/module/module.scss
@@ -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);
 }
\ No newline at end of file