ewandor/cht-lawfirm
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

displaying fash message at the bottom

Browse Source
This commit is contained in:
ewandor
2023-02-12 20:28:18 +01:00
parent 7c34c2ba91
commit 120e032c99
2 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
front/app/src/app/app.component.html
View File

@@ -4,11 +4,11 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row flex-nowrap"> <div class="row flex-nowrap">
<div class="col-auto col-md-3 col-xl-2 px-sm-2 px-0 bg-dark"> <div class="col-auto col-md-3 col-xl-2 px-sm-2 px-0 bg-dark">
<sidenav></sidenav> <sidenav class="sticky-top"></sidenav>
</div> </div>
<div class="col py-3"> <div class="col py-3">
<flashmessages></flashmessages>
<router-outlet></router-outlet> <router-outlet></router-outlet>
<flashmessages></flashmessages>
</div> </div>
</div> </div>
</div> </div>

3
front/app/src/app/layout/flashmessages/flashmessages.component.html
View File

@@ -1,3 +1,4 @@
<div class="toast-container position-fixed bottom-0 end-0 p-3">
<ngb-toast <ngb-toast
*ngFor="let flashmessage of flashmessagesService.toasts" *ngFor="let flashmessage of flashmessagesService.toasts"
[header]="flashmessage.type" [autohide]="true" [delay]="flashmessage.delay || 1500" [header]="flashmessage.type" [autohide]="true" [delay]="flashmessage.delay || 1500"
@@ -15,4 +16,4 @@
</div> </div>
</ng-container> </ng-container>
</ngb-toast> </ngb-toast>
</div>