From 0c8e31708ae91f30d8b071918f13040df8096a9a Mon Sep 17 00:00:00 2001
From: Davinder Singh <davibaweja@gmail.com>
Date: Mon, 17 Feb 2025 13:47:05 +0000
Subject: [PATCH] Merge pull request #22716 from
 overleaf/ds-sso-login-redesign-bs5

Website Redesign & BS5 migration - SSO Login page

GitOrigin-RevId: 9c819479c7ca6510d2e683881564427c91c4f04e
---
 .../stylesheets/bootstrap-5/pages/auth.scss   | 45 +++++++++++++++++++
 services/web/locales/en.json                  |  1 +
 2 files changed, 46 insertions(+)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss
index 627a879958..9f428cda06 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss
@@ -22,3 +22,48 @@
     text-align: left;
   }
 }
+
+.login-overleaf-logo-container {
+  display: block;
+  padding: var(--spacing-06);
+
+  .login-overleaf-logo {
+    height: 40px; // TODO: CHange this to variable
+    width: 34.5px;
+  }
+}
+
+.login-register-hr-text-container {
+  line-height: 1;
+  position: relative;
+  padding: var(--spacing-08) 0;
+
+  &::before {
+    content: '';
+    position: absolute;
+    height: 1px;
+    background-color: var(--neutral-20);
+    top: 50%;
+    left: 0;
+    right: 0;
+  }
+}
+
+.login-register-hr-text {
+  position: relative;
+  background-color: #fff;
+  padding: 0 var(--spacing-05);
+}
+
+.sso-auth-login-container {
+  max-width: 400px;
+  margin: 0 auto;
+
+  h1 {
+    font-size: var(--font-size-06);
+  }
+
+  .login-register-text {
+    font-size: var(--font-size-02);
+  }
+}
diff --git a/services/web/locales/en.json b/services/web/locales/en.json
index 2bde88bc24..6625cc4b89 100644
--- a/services/web/locales/en.json
+++ b/services/web/locales/en.json
@@ -1223,6 +1223,7 @@
   "login_to_accept_invitation": "Log in to accept invitation",
   "login_to_overleaf": "Log in to Overleaf",
   "login_with_service": "Log in with __service__",
+  "login_with_sso": "Log in to Overleaf with SSO",
   "logs_and_output_files": "Logs and output files",
   "longer_compile_timeout": "Longer <0>compile timeout</0>",
   "longer_compile_timeout_on_faster_servers": "Longer compile timeout on faster servers",