From 1f460dc0a4b2a2263d5379275423d45c9a2079ef Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Fri, 9 Aug 2024 18:49:45 +0200
Subject: [PATCH] error toast also closes when you click on the blurred part

---
 .../shared/components/error-toast/error-toast.component.html  | 4 ++--
 .../shared/components/error-toast/error-toast.component.scss  | 2 ++
 .../shared/components/error-toast/error-toast.component.ts    | 4 ++++
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/shared/components/error-toast/error-toast.component.html b/frontend/src/app/shared/components/error-toast/error-toast.component.html
index 29e65c4..9b6ea82 100644
--- a/frontend/src/app/shared/components/error-toast/error-toast.component.html
+++ b/frontend/src/app/shared/components/error-toast/error-toast.component.html
@@ -1,5 +1,5 @@
-<div class="overlay">
-  <section class="slide-in-right">
+<div class="overlay" (click)="closeError()">
+  <section class="slide-in-right" (click)="stopPropagation($event)">
     <div class="left"></div>
     <div class="content">
       <img src="./../../../../assets/img/attention.svg" alt="" />
diff --git a/frontend/src/app/shared/components/error-toast/error-toast.component.scss b/frontend/src/app/shared/components/error-toast/error-toast.component.scss
index 3d4f3e7..e319634 100644
--- a/frontend/src/app/shared/components/error-toast/error-toast.component.scss
+++ b/frontend/src/app/shared/components/error-toast/error-toast.component.scss
@@ -109,6 +109,8 @@ section {
   }
 
   .left {
+    width: 100%;
+    height: 38px;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     border-bottom-left-radius: 0;
diff --git a/frontend/src/app/shared/components/error-toast/error-toast.component.ts b/frontend/src/app/shared/components/error-toast/error-toast.component.ts
index 0536bf2..ca5d246 100644
--- a/frontend/src/app/shared/components/error-toast/error-toast.component.ts
+++ b/frontend/src/app/shared/components/error-toast/error-toast.component.ts
@@ -19,6 +19,10 @@ export class ErrorToastComponent implements OnInit {
     });
   }
 
+  stopPropagation(event: MouseEvent) {
+    event.stopPropagation();
+  }
+
   closeError() {
     this.errorService.clearError();
   }