fix: #13707 || Toast: closeIcon on message is outside of button

primefaces · Sep 25, 2023 · 391adaf · 391adaf
1 parent 396297a
commit 391adaf
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/app/components/toast/toast.ts b/src/app/components/toast/toast.ts
@@ -67,7 +67,6 @@ import { ToastCloseEvent, ToastItemCloseEvent } from './toast.interface';
                     </div>
                 </ng-container>
                 <ng-container *ngTemplateOutlet="template; context: { $implicit: message }"></ng-container>
-                <span *ngIf="message.closeIcon" [class]="'p-toast-message-icon pi ' + message.closeIcon"></span>
                 <button
                     type="button"
                     class="p-toast-icon-close p-link"
@@ -78,6 +77,7 @@ import { ToastCloseEvent, ToastItemCloseEvent } from './toast.interface';
                     [attr.aria-label]="'Close'"
                     [attr.data-pc-section]="'closebutton'"
                 >
+                    <span *ngIf="message.closeIcon" [class]="'pt-1 text-base p-toast-message-icon pi ' + message.closeIcon"></span>
                     <TimesIcon *ngIf="!message.closeIcon" [styleClass]="'p-toast-icon-close-icon'" [attr.aria-hidden]="true" [attr.data-pc-section]="'closeicon'" />
                 </button>
             </div>