From ddc1e42cf3ed0f5ac6d5bb66d17f6936067b2767 Mon Sep 17 00:00:00 2001
From: Michael Olund <michaelo@openroad.ca>
Date: Wed, 23 Sep 2020 15:27:02 -0700
Subject: [PATCH] Fixed IE11 issues with uploader

---
 vue/src/components/Uploader/Image.vue        |  3 +--
 vue/src/components/Uploader/ModalPreview.vue |  2 +-
 vue/src/components/Uploader/Uploader.vue     | 13 +++++++++++++
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/vue/src/components/Uploader/Image.vue b/vue/src/components/Uploader/Image.vue
index e9221617..44035e77 100644
--- a/vue/src/components/Uploader/Image.vue
+++ b/vue/src/components/Uploader/Image.vue
@@ -101,8 +101,7 @@ export default {
     &::after {
       font-family: FontAwesome;
       content: "\f06e";
-      position: absolute;
-      left: 58px;
+      margin: auto;
       font-size: 43px;
       color: transparent;        
     }
diff --git a/vue/src/components/Uploader/ModalPreview.vue b/vue/src/components/Uploader/ModalPreview.vue
index 46b5d537..a4d24423 100644
--- a/vue/src/components/Uploader/ModalPreview.vue
+++ b/vue/src/components/Uploader/ModalPreview.vue
@@ -1,6 +1,6 @@
 <template>
   <modal v-model="showModal" class="image-preview-modal" ref="modal" :footer="false" @hide="$emit('close')">
-    <img v-if="file.objectURL  && !file.error && file.type !== 'application/pdf'" :src="file.objectURL" :style="modalImageStyle" :data-rotate="rotateVal">
+    <img v-if="file.objectURL  && !file.error && file.type !== 'application/pdf'" :src="file.objectURL" :style="modalImageStyle">
   </modal>
 </template>
 
diff --git a/vue/src/components/Uploader/Uploader.vue b/vue/src/components/Uploader/Uploader.vue
index 2f4d9364..94827b9b 100644
--- a/vue/src/components/Uploader/Uploader.vue
+++ b/vue/src/components/Uploader/Uploader.vue
@@ -392,3 +392,16 @@ export default {
     }
   }
 </style>
+
+<style type="css">
+  /* override vue-upload-component styles for IE11 issues */
+  .file-uploads-html5 input[type=file] {
+    height: 0 !important;
+    padding: 0 !important;
+    border: none !important;
+  }
+
+  .file-uploads-html5 label {
+    display: inline;
+  }
+</style>