From 37209ef3fcfa4bea3c4702cfd89435ac0f08db6f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joel=20Elias=20M=C3=A9ndez?=
 <67445275+joelmendez1@users.noreply.github.com>
Date: Thu, 30 Dec 2021 14:57:26 -0300
Subject: [PATCH] [DEV-206] Fix bug in login widget transition (#1120)

* fix widget height issue

* Fix bug in login widget transition

Co-authored-by: LautaroCesso <lautaro_cesso@hotmail.com>
---
 client/src/app/admin/admin-login-page.js                     | 5 +++--
 client/src/app/main/main-home/main-home-page-login-widget.js | 5 +++--
 client/src/app/main/main-home/main-home-page.scss            | 1 +
 client/src/core-components/widget-transition.scss            | 1 -
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/client/src/app/admin/admin-login-page.js b/client/src/app/admin/admin-login-page.js
index a843d3f6..f530699f 100644
--- a/client/src/app/admin/admin-login-page.js
+++ b/client/src/app/admin/admin-login-page.js
@@ -96,7 +96,7 @@ class AdminLoginPage extends React.Component {
 
     renderLoginCaptcha() {
         return(
-            <div className="admin-login-page__captcha">
+            <div className={`main-home-page__${this.props.sitekey ? "captcha" : "no-captcha"}`}>
                 <Captcha ref="captcha" />
             </div>
         )
@@ -250,6 +250,7 @@ class AdminLoginPage extends React.Component {
 
 export default connect((store) => {
     return {
-        session: store.session
+        session: store.session,
+        sitekey: store.config.reCaptchaKey
     };
 })(AdminLoginPage);
diff --git a/client/src/app/main/main-home/main-home-page-login-widget.js b/client/src/app/main/main-home/main-home-page-login-widget.js
index eeba82e4..1ce0d673 100644
--- a/client/src/app/main/main-home/main-home-page-login-widget.js
+++ b/client/src/app/main/main-home/main-home-page-login-widget.js
@@ -84,7 +84,7 @@ class MainHomePageLoginWidget extends React.Component {
 
     renderLoginCaptcha() {
         return(
-            <div className="main-home-page__captcha">
+            <div className={`main-home-page__${this.props.sitekey ? "captcha" : "no-captcha"}`}>
                 <Captcha ref="captcha" />
             </div>
         )
@@ -286,6 +286,7 @@ class MainHomePageLoginWidget extends React.Component {
 
 export default connect((store) => {
     return {
-        session: store.session
+        session: store.session,
+        sitekey: store.config.reCaptchaKey
     };
 })(MainHomePageLoginWidget);
\ No newline at end of file
diff --git a/client/src/app/main/main-home/main-home-page.scss b/client/src/app/main/main-home/main-home-page.scss
index 58671fa8..ec4865c9 100644
--- a/client/src/app/main/main-home/main-home-page.scss
+++ b/client/src/app/main/main-home/main-home-page.scss
@@ -10,6 +10,7 @@
         margin-left: 20px;
         margin-right: 20px;
     }
+
     &__captcha {
         margin: 10px auto 20px;
         height: 78px;
diff --git a/client/src/core-components/widget-transition.scss b/client/src/core-components/widget-transition.scss
index f8024ce3..c1454ceb 100644
--- a/client/src/core-components/widget-transition.scss
+++ b/client/src/core-components/widget-transition.scss
@@ -3,7 +3,6 @@
     display: inline-block;
 
     &--widget {
-        -webkit-perspective: 0;
         -webkit-backface-visibility: hidden;
         -webkit-transform: translate3d(0,0,0);
         visibility: visible;