fix(backdrop): use z index 40

z-50 wouldn't leave space for the user to add elements over the backdrop
estevanmaito · Jul 12, 2020 · 48c4348 · 48c4348
1 parent bf3cb6e
commit 48c4348
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/__tests__/Backdrop.test.js b/__tests__/Backdrop.test.js
@@ -9,7 +9,7 @@ describe('Backdrop', () => {
 
   it('should render with base styles', () => {
     const expected =
-      'fixed inset-0 z-50 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center'
+      'fixed inset-0 z-40 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center'
     const wrapper = mount(<Backdrop />)
 
     expect(wrapper.find(Backdrop).getDOMNode().getAttribute('class')).toContain(expected)

diff --git a/src/themes/default.js b/src/themes/default.js
@@ -84,7 +84,7 @@ export default {
   // Backdrop
   backdrop: {
     base:
-      'fixed inset-0 z-50 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center',
+      'fixed inset-0 z-40 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center',
   },
   // Textarea
   textarea: {