From 5ef2028acf166a0affa91c780e41d971658aaa32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 5 Jul 2018 12:24:04 +0200
Subject: [PATCH] MOBILE-2464 imageviewer: Enable scroll to image viewer

---
 src/core/course/components/format/format.scss | 11 +++++++++++
 src/core/viewer/pages/image/image.html        |  6 ++++--
 src/core/viewer/pages/image/image.scss        |  7 +++++++
 3 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 src/core/viewer/pages/image/image.scss

diff --git a/src/core/course/components/format/format.scss b/src/core/course/components/format/format.scss
index ac61d4803..e03567ae6 100644
--- a/src/core/course/components/format/format.scss
+++ b/src/core/course/components/format/format.scss
@@ -27,6 +27,17 @@ core-course-format {
             width: 100%;
         }
     }
+
+    .item-divider  {
+        .label {
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+
+        core-format-text {
+            line-height: 44px;
+        }
+    }
 }
 
 .core-section-select {
diff --git a/src/core/viewer/pages/image/image.html b/src/core/viewer/pages/image/image.html
index d1eb33363..613033daa 100644
--- a/src/core/viewer/pages/image/image.html
+++ b/src/core/viewer/pages/image/image.html
@@ -9,6 +9,8 @@
         </ion-buttons>
     </ion-navbar>
 </ion-header>
-<ion-content padding>
-    <img [src]="image" alt="{{ title }}" core-external-content [component]="component" [componentId]="componentId">
+<ion-content>
+    <ion-scroll zoom="true" maxZoom="2" class="core-zoom-pane" scrollX="true" scrollY="true">
+        <img [src]="image" [alt]="title" core-external-content [component]="component" [componentId]="componentId">
+    </ion-scroll>
 </ion-content>
diff --git a/src/core/viewer/pages/image/image.scss b/src/core/viewer/pages/image/image.scss
new file mode 100644
index 000000000..2be2a02fc
--- /dev/null
+++ b/src/core/viewer/pages/image/image.scss
@@ -0,0 +1,7 @@
+.core-zoom-pane {
+    height: 100%;
+
+    img {
+        max-width: none;
+    }
+}
\ No newline at end of file