diff --git a/webapp/components/ContributionForm/ContributionForm.vue b/webapp/components/ContributionForm/ContributionForm.vue index a38d59181..e836b7aef 100644 --- a/webapp/components/ContributionForm/ContributionForm.vue +++ b/webapp/components/ContributionForm/ContributionForm.vue @@ -10,10 +10,11 @@ c.id) }, deleteImage() { - this.form.image = null this.contribution.image = null - this.showDeleteButton = false + this.form.image = null + this.form.teaserImage = null + this.$refs.deleteImage.deleteImage() }, }, apollo: { diff --git a/webapp/components/TeaserImage/TeaserImage.vue b/webapp/components/TeaserImage/TeaserImage.vue index d5913665b..70efe6d54 100644 --- a/webapp/components/TeaserImage/TeaserImage.vue +++ b/webapp/components/TeaserImage/TeaserImage.vue @@ -71,6 +71,9 @@ export default { }, }, methods: { + deleteImage() { + this.clearImages() + }, template() { return `
@@ -207,7 +210,7 @@ export default { } .hc-drag-marker-update-post { - opacity: 0; + opacity: 0.1; } .contribution-form-footer { diff --git a/webapp/components/Upload/index.vue b/webapp/components/Upload/index.vue index 66e7203cc..c78b4649b 100644 --- a/webapp/components/Upload/index.vue +++ b/webapp/components/Upload/index.vue @@ -157,7 +157,6 @@ export default { border-radius: 100%; border: 1px dashed hsl(0, 0%, 25%); } - .hc-attachments-upload-area:hover & { opacity: 1; }