Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
nbjgi1 opened this issue Nov 18, 2019 · 4 comments · Fixed by #200
Closed

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

nbjgi1 opened this issue Nov 18, 2019 · 4 comments · Fixed by #200
Labels
type: bug Indicates an unintended behaviour, unexpected problem, crash

Comments

@nbjgi1
Copy link

nbjgi1 commented Nov 18, 2019

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

@dcrouch79
Copy link

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

notifier-notification{
  white-space: nowrap;
}

@dominique-mueller
Copy link
Owner

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

@dominique-mueller
Copy link
Owner

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
Copy link
Owner

Released with 6.0.2.

fast-facts referenced this issue in fast-facts/angular-notifier Jun 17, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bug Indicates an unintended behaviour, unexpected problem, crash
Projects
None yet
3 participants