From 4908033efcfd6b1ca0767b20bf890b7adf8815d5 Mon Sep 17 00:00:00 2001
From: Andrea <Bibendus83@users.noreply.github.com>
Date: Fri, 10 Jul 2020 14:57:06 +0200
Subject: [PATCH] Small fix to keep notifications inside narrow screens

On small screens, specially if you customize $snotify-width, toast messages get outside the screen.
This fix should give them a max width of 100% of the screen minus the left and right offsets.
---
 src/styles/_shared/snotify.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/_shared/snotify.scss b/src/styles/_shared/snotify.scss
index 99a07b6..d80a79b 100644
--- a/src/styles/_shared/snotify.scss
+++ b/src/styles/_shared/snotify.scss
@@ -6,6 +6,7 @@ $snotify-offset: 10px !default;
   display: block;
   position: fixed;
   width: $snotify-width;
+  max-width: calc(100% - #{$snotify-offset} * 2);
   z-index: 9999;
   box-sizing: border-box;
   pointer-events: none;