Update designs for suggest to login.

mailchimp · Aug 29, 2024 · 6f467aa · 6f467aa
1 parent 2e21c4a
commit 6f467aa
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 10 deletions.
diff --git a/assets/css/create-account.css b/assets/css/create-account.css
@@ -185,13 +185,13 @@
 	text-decoration: none;
 }
 
-#mailchimp-sf-create-account .mailchimp-sf-create-account__body a {
+#mailchimp-sf-create-account .mailchimp-sf-create-account__body .terms a {
 	color: #007C89;
 	font-weight: 500;
     text-decoration: none;
 }
 
-#mailchimp-sf-create-account .mailchimp-sf-create-account__body a:hover {
+#mailchimp-sf-create-account .mailchimp-sf-create-account__body .terms a:hover {
 	text-decoration: underline;
 }
 
@@ -327,14 +327,14 @@
 	display: none !important;
 }
 
-.mailchimp-sf-confirm-email-wrapper {
+.mailchimp-sf-confirm-section-wrapper {
 	width: 100%;
 	max-width: 504px;
 	margin: 0 auto;
 	margin-top: -24px;
 }
 
-.mailchimp-sf-confirm-email {
+.mailchimp-sf-confirm-section {
 	background-color: #ffffff;
     border-radius: 12px;
     border: 1px solid rgba(36, 28, 21, 0.15);

diff --git a/includes/admin/templates/create-account-page.php b/includes/admin/templates/create-account-page.php
@@ -264,8 +264,8 @@
 				</div>
 			</form>
 
-			<div class="mailchimp-sf-confirm-email-wrapper <?php echo esc_attr( ( ! $signup_initiated ) ? 'hidden' : '' ); ?>">
-				<div class="mailchimp-sf-confirm-email">
+			<div class="mailchimp-sf-confirm-email-wrapper mailchimp-sf-confirm-section-wrapper <?php echo esc_attr( ( ! $signup_initiated ) ? 'hidden' : '' ); ?>">
+				<div class="mailchimp-sf-confirm-email mailchimp-sf-confirm-section">
 					<div class="title"><?php esc_html_e( 'Check your email', 'mailchimp' ); ?></div>
 					<p class="h4">
 						<?php
@@ -349,11 +349,28 @@
 					</div>
 				</div>
 			</div>
-			<div class="mailchimp-sf-suggest-to-login hidden">
-				<div class="title"><?php esc_html_e( 'Login', 'mailchimp' ); ?></div>
-				<p class="h4"><?php esc_html_e( 'It seems an account already exists with this email. Please try logging in with this username. ', 'mailchimp' ); ?><span class="mailchimp-sf-email"></span></p>
+			<div class="mailchimp-sf-suggest-to-login mailchimp-sf-confirm-section-wrapper hidden">
+				<div class="mailchimp-sf-confirm-section">
+					<div class="title"><?php esc_html_e( 'Login', 'mailchimp' ); ?></div>
+					<p class="h4">
+						<?php
+						echo wp_kses(
+							sprintf(
+								/* translators: %s - Username */
+								__( 'It seems an account already exists with this email. Please try logging in with this username: %s', 'mailchimp' ),
+								'<span class="mailchimp-sf-email">' . esc_html( $email ) . '</span>'
+							),
+							array(
+								'span' => array(
+									'class' => array(),
+								),
+							)
+						);
+						?>
+					</p>
 
-				<a href="<?php echo esc_url( admin_url( 'admin.php?page=mailchimp_sf_options' ) ); ?>" class="button create-account-save"><?php esc_html_e( 'Connect', 'mailchimp' ); ?></a>
+					<a href="<?php echo esc_url( admin_url( 'admin.php?page=mailchimp_sf_options' ) ); ?>" class="button create-account-save"><?php esc_html_e( 'Connect', 'mailchimp' ); ?></a>
+				</div>
 			</div>
 			<input type="hidden" name="signup_initiated" value="<?php echo esc_attr( (bool) $signup_initiated ); ?>" />
 		</div>