search

dominique-mueller / angular-notifier

A well designed, fully animated, highly customizable, and easy-to-use notification library for your Angular application.
https://www.npmjs.com/package/angular-notifier
MIT License
245 stars 67 forks source link

Using position>horizontal>position>middle shifts dismiss button to next line #149

Closed nbjgi1 closed 3 years ago

nbjgi1 commented 4 years ago

I don't get the same issue when using position:left for example.

dcrouch79 commented 4 years ago

As a workaround the wrapping can be disabled in styles.css:

notifier-notification{
  white-space: nowrap;
}
dominique-mueller commented 3 years ago

Somewhat related to #154, multi-line text occuring on smaller screen estate was not considered.

dominique-mueller commented 3 years ago

Using the approach @dcrouch79 mentions works but might hide parts of the notification outside the visible screen area. I merged a fix that fixes this layout issue, to be released the next days.

dominique-mueller commented 3 years ago

Released with 6.0.2.