From c45f63ffd9849db70850bbef80029f8c733f697e Mon Sep 17 00:00:00 2001
From: mattwr18 <mattwr18@gmail.com>
Date: Mon, 14 Oct 2019 16:41:07 +0200
Subject: [PATCH] Follow @alina-beck PR suggestions

---
 webapp/components/TeaserImage/TeaserImage.vue | 10 ++--------
 webapp/pages/index.vue                        |  4 ++++
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/webapp/components/TeaserImage/TeaserImage.vue b/webapp/components/TeaserImage/TeaserImage.vue
index e30efd37f..db5e72d0b 100644
--- a/webapp/components/TeaserImage/TeaserImage.vue
+++ b/webapp/components/TeaserImage/TeaserImage.vue
@@ -110,7 +110,7 @@ export default {
       image.src = URL.createObjectURL(file)
       editor.appendChild(image)
       // Create Cropper.js and pass image
-      let cropper = new Cropper(image, {})
+      let cropper = new Cropper(image, { zoomable: false })
     },
     dropzoneDrop() {
       let cropOverlay = document.querySelectorAll('.crop-overlay')[0]
@@ -126,12 +126,6 @@ export default {
   background-color: $background-color-softest;
 }
 
-@media only screen and (max-width: 960px) {
-  #postdropzone {
-    min-height: 200px;
-  }
-}
-
 .hc-attachments-upload-area-post {
   position: relative;
   display: flex;
@@ -202,9 +196,9 @@ export default {
 }
 
 .crop-overlay {
+  max-height: 2000px;
   position: relative;
   width: 100%;
-  z-index: 9999;
   background-color: #000;
 }
 
diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue
index 360a72303..a48cc17c7 100644
--- a/webapp/pages/index.vue
+++ b/webapp/pages/index.vue
@@ -190,6 +190,10 @@ export default {
 </script>
 
 <style lang="scss">
+.ds-card-image img {
+  max-height: 2000px;
+}
+
 .masonry-grid {
   display: grid;
   grid-gap: 10px;