Correctly overlay spinner over all modal elements

DaneEveritt · DaneEveritt · commit 027c70573304 · 2020-11-02T20:03:02.000-08:00
diff --git a/resources/scripts/components/elements/Modal.tsx b/resources/scripts/components/elements/Modal.tsx
@@ -110,7 +110,7 @@ const Modal: React.FC<ModalProps> = ({ visible, appear, dismissable, showSpinner
                     <Fade timeout={150} appear in>
                         <div
                             css={tw`absolute w-full h-full rounded flex items-center justify-center`}
-                            style={{ background: 'hsla(211, 10%, 53%, 0.25)' }}
+                            style={{ background: 'hsla(211, 10%, 53%, 0.35)', zIndex: 9999 }}
                         >
                             <Spinner/>
                         </div>

Original file line number	Diff line number	Diff line change
`@@ -110,7 +110,7 @@ const Modal: React.FC<ModalProps> = ({ visible, appear, dismissable, showSpinner`
`110`	`110`	`<Fade timeout={150} appear in>`
`111`	`111`	`<div`
`112`	`112`	css={tw`absolute w-full h-full rounded flex items-center justify-center`}
`113`		`- style={{ background: 'hsla(211, 10%, 53%, 0.25)' }}`
	`113`	`+ style={{ background: 'hsla(211, 10%, 53%, 0.35)', zIndex: 9999 }}`
`114`	`114`	`>`
`115`	`115`	`<Spinner/>`
`116`	`116`	`</div>`