style(notification): Fix layout falling apart when message becomes mu…

…lti-line (#200) Related to #154. Closes #149.
dominique-mueller · Mar 10, 2021 · 2c28511 · 2c28511
1 parent 7b43cd5
commit 2c28511
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/projects/angular-notifier-demo/src/app/app.component.ts b/projects/angular-notifier-demo/src/app/app.component.ts
@@ -1,5 +1,4 @@
 import { Component, ViewChild } from '@angular/core';
-
 import { NotifierService } from 'angular-notifier';
 
 /**

diff --git a/projects/angular-notifier-demo/src/app/app.module.ts b/projects/angular-notifier-demo/src/app/app.module.ts
@@ -1,6 +1,5 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-
 import { NotifierModule, NotifierOptions } from 'angular-notifier';
 
 import { AppComponent } from './app.component';

diff --git a/projects/angular-notifier/src/styles/core.scss b/projects/angular-notifier/src/styles/core.scss
@@ -21,7 +21,8 @@
   }
 
   &__notification {
-    display: block;
+    display: flex;
+    align-items: center;
     position: fixed; // Overlay
     visibility: hidden; // Notifications are hidden by default, and get shown (or animated in) dynamically by the Angular component
     z-index: 10000; // Pretty much random ...