diff options
| author | benal01 <bja4245@rit.edu> | 2025-04-05 13:22:58 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-04-05 13:22:58 -0400 |
| commit | 0103ffc6f84d04433943c644ab759c1d04b5e681 (patch) | |
| tree | 1cd8fb31b849b4d5be00d4be0e3db92bbbafb5e1 /ufund-ui/src/app/components/toast | |
| parent | 5a5d31896d79a736bce33b7d1aa7b3168ba308a9 (diff) | |
| parent | 04db6f32b249ffb17c571cd6b16c8c54397f0be4 (diff) | |
| download | JellySolutions-0103ffc6f84d04433943c644ab759c1d04b5e681.tar.gz JellySolutions-0103ffc6f84d04433943c644ab759c1d04b5e681.tar.bz2 JellySolutions-0103ffc6f84d04433943c644ab759c1d04b5e681.zip | |
Merge pull request #27 from RIT-SWEN-261-02/need-list-abstraction
Need list abstraction
Diffstat (limited to '')
| -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> |