Fix auto-width on xs screens (#368)

* Fixes #367 - Fix auto-width on xs screens * Update CHANGELOG * 1.0.6 * Add CHANGELOG credits
iamhosseindhv · Apr 18, 2021 · fe4b7c8 · fe4b7c8
1 parent 8c6d6bf
commit fe4b7c8
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,13 @@
 Thanks to all contributers who improved notistack by opening an issue/PR.
 
+### `[email protected]`
+###### April 18, 2021
+* **@rzmz** Snackbars should have equal width on XS screens [#367](https://github.com/iamhosseindhv/notistack/issues/367) 
+
+
+<br />
+
+
 ### `[email protected]`
 ###### February 28, 2021
 * Prevent snackbars from having the same width [#356](https://github.com/iamhosseindhv/notistack/pull/356) 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "notistack",
-    "version": "1.0.5",
+    "version": "1.0.6",
     "description": "Highly customizable notification snackbars (toasts) that can be stacked on top of each other",
     "main": "dist/index.js",
     "module": "dist/notistack.esm.js",

diff --git a/src/SnackbarItem/SnackbarItem.tsx b/src/SnackbarItem/SnackbarItem.tsx
@@ -82,6 +82,9 @@ const styles = (theme: Theme) => {
         },
         collapseWrapperInner: {
             width: 'auto',
+            [theme.breakpoints.down('xs')]: {
+                width: '100%',
+            },
         },
     });
 }