toaster text alignment

4 years ago · 17cc955c8e
2 changed files with 8 additions and 1 deletions
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.html
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.html
@ -2,7 +2,7 @@
  <div class="abp-toast-icon">
    <i class="fa icon" [ngClass]="iconClass"></i>
  </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">
      <i class="fa fa-times"></i>
    </button>
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.scss
+++ b/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;
+
+}