Merge pull request #26469 from overleaf/td-bs5-sp-ce-register

Migrate SP/CE registration page to Bootstrap 5

GitOrigin-RevId: 5e99a6a091d725ea3ab54e7cf6a4d1ea4f6bfab6

services/web/app/views/user/register.pug

@@ -1,13 +1,10 @@
 extends ../layout-marketing
 
-block vars
-	- bootstrap5PageStatus = 'disabled'
-
 block content
 	main#main-content.content.content-alt
 		.container
 			.row
-				.registration_message
+				.registration-message
 					if sharedProjectData.user_first_name !== undefined
 						h1 #{translate("user_wants_you_to_see_project", {username:sharedProjectData.user_first_name, projectname:""})}
 							em #{sharedProjectData.project_name}
@@ -15,21 +12,24 @@ block content
 							| #{translate("join_sl_to_view_project")}.
 						div
 							| #{translate("already_have_sl_account")}
+							|
 							a(href='/login') #{translate("login_here")}
 					else if newTemplateData.templateName !== undefined
 						h1 #{translate("register_to_edit_template", {templateName:newTemplateData.templateName})}
 
 						div #{translate("already_have_sl_account")}
+							|
 							a(href='/login') #{translate("login_here")}
 
 			.row
-				.col-md-8.col-md-offset-2.col-lg-6.col-lg-offset-3
+				.col-lg-8.offset-lg-2.col-xl-6.offset-xl-3
 					.card
-						.page-header
-							h1 #{translate("register")}
-						p
-							| Please contact
-							|
-							strong #{settings.adminEmail}
-							|
-							| to create an account.
+						.card-body
+							.page-header
+								h1 #{translate("register")}
+							p
+								| Please contact
+								|
+								strong #{settings.adminEmail}
+								|
+								| to create an account.

services/web/frontend/stylesheets/app/register.less

@@ -1,31 +0,0 @@
-.registration_message {
-  text-align: center;
-  padding-bottom: 20px;
-}
-// for focus-registration and focus-login split test variant
-.registration_logo {
-  width: 130px;
-  padding: 8px 0;
-}
-
-.website-redesign {
-  .login-register-header-focus {
-    padding-top: unset;
-  }
-}
-
-.login-register-header-heading-focus {
-  color: @neutral-90;
-  margin-bottom: 0;
-}
-
-.website-redesign {
-  .login-register-form-focus {
-    padding: @line-height-computed 0 0 0;
-    border-bottom: unset;
-    border-bottom: solid 1px @hr-border;
-    &:last-child {
-      border-bottom-width: 0;
-    }
-  }
-}

services/web/frontend/stylesheets/bootstrap-5/pages/register.scss

@@ -1,3 +1,8 @@
+.registration-message {
+  text-align: center;
+  padding-bottom: var(--spacing-07);
+}
+
 .register-container {
   h1 {
     @include heading-sm;
@@ -33,9 +38,6 @@
       }
 
       .registration-message {
-        text-align: center;
-        padding-bottom: var(--spacing-07);
-
         .registration-message-heading {
           color: var(--neutral-70);
           font-size: var(--font-size-05);

services/web/frontend/stylesheets/main-style.less

@@ -104,7 +104,6 @@
 @import 'app/plans.less';
 @import 'app/recurly.less';
 @import 'app/bonus.less';
-@import 'app/register.less';
 @import 'app/blog.less';
 @import 'app/features.less';
 @import 'app/templates.less';