Browse Source

toaster text alignment

pull/14820/head
Fatih KILIÇ 4 years ago
parent
commit
17cc955c8e
  1. 2
      npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.html
  2. 7
      npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.scss

2
npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.html

@ -2,7 +2,7 @@
<div class="abp-toast-icon"> <div class="abp-toast-icon">
<i class="fa icon" [ngClass]="iconClass"></i> <i class="fa icon" [ngClass]="iconClass"></i>
</div> </div>
<div class="abp-toast-content mt-1"> <div class="abp-toast-content toast-flex">
<button class="abp-toast-close-button" (click)="close()" *ngIf="toast.options?.closable"> <button class="abp-toast-close-button" (click)="close()" *ngIf="toast.options?.closable">
<i class="fa fa-times"></i> <i class="fa fa-times"></i>
</button> </button>

7
npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.scss

@ -79,3 +79,10 @@ $toastClass: abp-toast;
} }
} }
} }
.toast-flex {
display: flex;
align-self: center;
word-break: break-word;
}

Loading…
Cancel
Save