Chneemann/videoflix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

error toast also closes when you click on the blurred part

Browse source
This commit is contained in:
Chneemann 2024-08-09 18:49:45 +02:00
parent d70982c0b5
commit 1f460dc0a4
3 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/app/shared/components/error-toast/error-toast.component.html
View file

@ -1,5 +1,5 @@
<div class="overlay"> <div class="overlay" (click)="closeError()">
<section class="slide-in-right"> <section class="slide-in-right" (click)="stopPropagation($event)">
<div class="left"></div> <div class="left"></div>
<div class="content"> <div class="content">
<img src="./../../../../assets/img/attention.svg" alt="" /> <img src="./../../../../assets/img/attention.svg" alt="" />

2
frontend/src/app/shared/components/error-toast/error-toast.component.scss
View file

@ -109,6 +109,8 @@ section {
} }
.left { .left {
width: 100%;
height: 38px;
border-top-left-radius: 20px; border-top-left-radius: 20px;
border-top-right-radius: 20px; border-top-right-radius: 20px;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;

4
frontend/src/app/shared/components/error-toast/error-toast.component.ts
View file

@ -19,6 +19,10 @@ export class ErrorToastComponent implements OnInit {
}); });
} }
stopPropagation(event: MouseEvent) {
event.stopPropagation();
}
closeError() { closeError() {
this.errorService.clearError(); this.errorService.clearError();
} }