diff options
| author | sowgro <tpoke.ferrari@gmail.com> | 2025-04-05 14:37:01 -0400 |
|---|---|---|
| committer | sowgro <tpoke.ferrari@gmail.com> | 2025-04-05 14:37:01 -0400 |
| commit | c2e7b170bfa0678a6ff4576d07388778f30084b0 (patch) | |
| tree | 57fc334bea1bc15f8b971d499338497dd3fa7388 /ufund-ui/src/app/components/toast | |
| parent | 7cedd8713d30fedcc9fc486a49d4804f37ab8765 (diff) | |
| parent | 0103ffc6f84d04433943c644ab759c1d04b5e681 (diff) | |
| download | JellySolutions-c2e7b170bfa0678a6ff4576d07388778f30084b0.tar.gz JellySolutions-c2e7b170bfa0678a6ff4576d07388778f30084b0.tar.bz2 JellySolutions-c2e7b170bfa0678a6ff4576d07388778f30084b0.zip | |
Merge branch 'main' into need-image
# Conflicts:
# ufund-ui/src/app/components/need-list/need-list.component.ts
# ufund-ui/src/app/components/need-page/need-page.component.html
Diffstat (limited to 'ufund-ui/src/app/components/toast')
| -rw-r--r-- | ufund-ui/src/app/components/toast/toast.component.css | 4 | ||||
| -rw-r--r-- | ufund-ui/src/app/components/toast/toast.component.html | 2 |
2 files changed, 3 insertions, 3 deletions
diff --git a/ufund-ui/src/app/components/toast/toast.component.css b/ufund-ui/src/app/components/toast/toast.component.css index 4cd81fe..82e2ff3 100644 --- a/ufund-ui/src/app/components/toast/toast.component.css +++ b/ufund-ui/src/app/components/toast/toast.component.css @@ -14,7 +14,7 @@ animation: slideDown .5s ease-in-out; transition: transform .5s; align-self: center; - z-index: 3; + z-index: 4; position: absolute; top: 15px; display: flex; @@ -39,7 +39,7 @@ } } -.toast.hide { +.toast.hide:not(:has(:hover)) { transform: translateY(-90px); } diff --git a/ufund-ui/src/app/components/toast/toast.component.html b/ufund-ui/src/app/components/toast/toast.component.html index dccf869..dc33ecd 100644 --- a/ufund-ui/src/app/components/toast/toast.component.html +++ b/ufund-ui/src/app/components/toast/toast.component.html @@ -1,6 +1,6 @@ <div class="toast" [ngClass]="ToastType[type].toLowerCase()" #toastDiv> <span>{{this.message}}</span> - <a *ngIf="this.action" (click)="this.action.onAction()">{{this.action.label}}</a> + <a *ngIf="this.action" href="#" (click)="this.action.onAction(); $event.preventDefault(); hide()">{{this.action.label}}</a> <button (click)="hide()"> <span class="icon">close</span> </button> |