From e99494bc77cf7037ca1a5076effc68c4cc3ed4ea Mon Sep 17 00:00:00 2001 From: Andreas Eriksson Date: Sun, 3 Oct 2021 22:46:45 +0200 Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20Use=20fade=20on=20the=20?= =?UTF-8?q?backdrop=20on=20login=20modal?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Much better than the greyish backdrop that we use now --- apps/skolplattformen-sthlm/components/login.component.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/apps/skolplattformen-sthlm/components/login.component.tsx b/apps/skolplattformen-sthlm/components/login.component.tsx index 3d086465..e407b4ce 100644 --- a/apps/skolplattformen-sthlm/components/login.component.tsx +++ b/apps/skolplattformen-sthlm/components/login.component.tsx @@ -109,6 +109,10 @@ export const Login = () => { } status.on('PENDING', () => console.log('BankID app not yet opened')) status.on('USER_SIGN', () => console.log('BankID app is open')) + status.on('CANCELLED', () => { + console.log('User pressed cancel in BankID') + showModal(false) + }) status.on('ERROR', () => { setError(t('auth.loginFailed')) showModal(false) @@ -247,7 +251,7 @@ export const Login = () => { const themedStyles = StyleService.create({ backdrop: { - backgroundColor: 'color-basic-transparent-600', + backgroundColor: 'rgba(0, 0, 0, 0.5)', }, loginForm: { ...Layout.mainAxis.flexStart,