From f554accfeef66f16a9708b238a996a375a19f6c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 28 Oct 2022 14:34:03 +0200
Subject: [PATCH] MOBILE-4081 login: Recover hide qrcode classes

---
 src/core/features/login/login.scss                    |  7 +++++++
 .../features/login/pages/credentials/credentials.html |  4 ++--
 .../features/login/pages/reconnect/reconnect.html     |  4 ++--
 src/core/features/login/pages/site/site.html          |  5 +++--
 src/core/features/login/pages/site/site.scss          | 11 -----------
 src/theme/globals.variables.scss                      |  1 +
 6 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/core/features/login/login.scss b/src/core/features/login/login.scss
index 590cc5f2b..ccbcd7e18 100644
--- a/src/core/features/login/login.scss
+++ b/src/core/features/login/login.scss
@@ -101,6 +101,13 @@
             --loading-spinner: #{$core-login-loading-color};
         }
     }
+
+    @if ($core-login-hide-qrcode) {
+        .core-login-site-qrcode,
+        .core-login-site-qrcode-separator {
+            display: none;
+        }
+    }
 }
 
 :host-context(html.dark) {
diff --git a/src/core/features/login/pages/credentials/credentials.html b/src/core/features/login/pages/credentials/credentials.html
index 5ffbb5515..84f969322 100644
--- a/src/core/features/login/pages/credentials/credentials.html
+++ b/src/core/features/login/pages/credentials/credentials.html
@@ -53,8 +53,8 @@
             <input type="submit" class="core-submit-hidden-enter" />
 
             <ng-container *ngIf="showScanQR">
-                <div class="ion-text-center ion-padding">{{ 'core.login.or' | translate }}</div>
-                <ion-button expand="block" fill="outline" class="ion-margin" (click)="showInstructionsAndScanQR()">
+                <div class="ion-text-center ion-padding core-login-site-qrcode-separator">{{ 'core.login.or' | translate }}</div>
+                <ion-button expand="block" fill="outline" class="ion-margin core-login-site-qrcode" (click)="showInstructionsAndScanQR()">
                     <ion-icon slot="start" name="fas-qrcode" aria-hidden="true"></ion-icon>
                     {{ 'core.scanqr' | translate }}
                 </ion-button>
diff --git a/src/core/features/login/pages/reconnect/reconnect.html b/src/core/features/login/pages/reconnect/reconnect.html
index 6f3e5017e..a059b4816 100644
--- a/src/core/features/login/pages/reconnect/reconnect.html
+++ b/src/core/features/login/pages/reconnect/reconnect.html
@@ -62,8 +62,8 @@
             </div>
 
             <ng-container *ngIf="showScanQR">
-                <div class="ion-text-center ion-padding">{{ 'core.login.or' | translate }}</div>
-                <ion-button expand="block" fill="outline" class="ion-margin" (click)="showInstructionsAndScanQR()">
+                <div class="ion-text-center ion-padding core-login-site-qrcode-separator">{{ 'core.login.or' | translate }}</div>
+                <ion-button expand="block" fill="outline" class="ion-margin core-login-site-qrcode" (click)="showInstructionsAndScanQR()">
                     <ion-icon slot="start" name="fas-qrcode" aria-hidden="true"></ion-icon>
                     {{ 'core.scanqr' | translate }}
                 </ion-button>
diff --git a/src/core/features/login/pages/site/site.html b/src/core/features/login/pages/site/site.html
index 3afa0eba1..510e317c5 100644
--- a/src/core/features/login/pages/site/site.html
+++ b/src/core/features/login/pages/site/site.html
@@ -101,8 +101,9 @@
         </ng-container>
 
         <ng-container *ngIf="showScanQR && !hasSites && !enteredSiteUrl">
-            <div class="ion-text-center ion-padding ion-margin-top">{{ 'core.login.or' | translate }}</div>
-            <ion-button expand="block" fill="outline" class="ion-margin" (click)="showInstructionsAndScanQR()" aria-haspopup="dialog">
+            <div class="ion-text-center ion-padding ion-margin-top core-login-site-qrcode-separator">{{ 'core.login.or' | translate }}</div>
+            <ion-button expand="block" fill="outline" class="ion-margin core-login-site-qrcode" (click)="showInstructionsAndScanQR()"
+                aria-haspopup="dialog">
                 <ion-icon slot="start" name="fas-qrcode" aria-hidden="true"></ion-icon>
                 {{ 'core.scanqr' | translate }}
             </ion-button>
diff --git a/src/core/features/login/pages/site/site.scss b/src/core/features/login/pages/site/site.scss
index 5f666b0cf..ddb292de2 100644
--- a/src/core/features/login/pages/site/site.scss
+++ b/src/core/features/login/pages/site/site.scss
@@ -8,17 +8,6 @@
     margin-bottom: 20px;
 }
 
-.item {
-    &.core-login-need-help {
-        margin-top: 16px;
-    }
-    &.core-login-site-qrcode {
-        .item-inner {
-            border-bottom: 0;
-        }
-    }
-}
-
 .core-login-site-connect {
     margin-top: 1.4rem;
 }
diff --git a/src/theme/globals.variables.scss b/src/theme/globals.variables.scss
index 696d70a77..49893eedf 100644
--- a/src/theme/globals.variables.scss
+++ b/src/theme/globals.variables.scss
@@ -102,6 +102,7 @@ $core-login-loading-color: false !default;
 $core-login-loading-color-dark: $text-color-dark !default;
 $core-login-hide-forgot-password: false !default;
 $core-login-hide-need-help: false !default;
+$core-login-hide-qrcode: false !default;
 
 // Configuration options for more page. (deprecated on 4.0)
 $core-more-hide-siteinfo: false !default;