angular-notify
angular-notify copied to clipboard
Issue with notifications on Safari
Hey! Thanks for the very nice Angular module. We are using it for a big project and ran into a bug this morning while testing on ios. On Chrome stable and Chrome dev on android the notifications work perfectly and scale to the sceen size nicely as seen in this screenshot.
But on ios 8.3 with safari mobile 8 the notifications are halfway off screen as seen in this screenshot:
I know its just a css issue most likely and am willing to help fix it. Just wanted to see what you had to say on it and if you can point me in the right direction.
Honestly I haven't used it with the mobile browsers often though I have tested it from time to time and it always worked. If you find the issue please submit a PR.
The following will solve the issue.
For smaller device have 95% width..
.cg-notify-message { top: 10px !important; margin: auto !important; left: 0 !important; right: 0 !important; max-width: 95% !important; }
for smaller and higher devices,
@media only screen and (min-width : 480px) { .cg-notify-message { max-width: 400px !important; } }