diff options
| author | Gunther6070 <haydenhartman10@yahoo.com> | 2025-04-05 13:44:33 -0400 |
|---|---|---|
| committer | Gunther6070 <haydenhartman10@yahoo.com> | 2025-04-05 13:44:33 -0400 |
| commit | ef52495d781a3adcec79bfbc9067f70f5ec3c8ab (patch) | |
| tree | e16e8cf36f1cafcf198d21d57a0b3a908116b3df /ufund-ui/src/app/components/toast | |
| parent | d7c974a98de42f41f3ca16f961d2dee96a3c4313 (diff) | |
| parent | 0103ffc6f84d04433943c644ab759c1d04b5e681 (diff) | |
| download | JellySolutions-ef52495d781a3adcec79bfbc9067f70f5ec3c8ab.tar.gz JellySolutions-ef52495d781a3adcec79bfbc9067f70f5ec3c8ab.tar.bz2 JellySolutions-ef52495d781a3adcec79bfbc9067f70f5ec3c8ab.zip | |
Merge branch 'main' into checkout-improvement
# Conflicts:
# ufund-ui/src/app/components/funding-basket/funding-basket.component.html
# ufund-ui/src/app/components/funding-basket/funding-basket.component.ts
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> |