Remove white-login from shared social component

Automattic · Dec 29, 2023 · 9d714ce · 9d714ce
1 parent ba1c39a
commit 9d714ce
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 25 deletions.
diff --git a/client/blocks/authentication/social/style.scss b/client/blocks/authentication/social/style.scss
@@ -64,28 +64,6 @@
 	}
 }
 
-// This is only for compatibility with not social first login, it will be removed after the experiment ends.
-.is-white-login .auth-form__social:not(.is-social-first) {
-	.auth-form__social-buttons-container {
-		width: unset;
-		.social-buttons__button {
-			> svg {
-				border: 1px solid var(--studio-gray-10);
-				border-radius: 24px; /* stylelint-disable-line scales/radii */
-			}
-		}
-	}
-}
-
-.is-white-login .auth-form__social:not(.is-social-first),
-.is-white-signup .auth-form__social:not(.is-social-first) {
-	.social-buttons__button {
-		> svg {
-			padding: 12px;
-		}
-	}
-}
-
 .auth-form__social.is-social-first {
 	.auth-form__social-buttons-container {
 		gap: 16px;

diff --git a/client/blocks/login/style.scss b/client/blocks/login/style.scss
@@ -577,8 +577,21 @@ $breakpoint-mobile: 782px; //Mobile size.
 	}
 }
 
-.is-white-login.is-gravatar {
+.is-gravatar {
 	.login__form-terms {
 		display: block;
 	}
+
+	.auth-form__social {
+		.auth-form__social-buttons-container {
+			width: unset;
+			.social-buttons__button {
+				> svg {
+					border: 1px solid var(--studio-gray-10);
+					border-radius: 24px; /* stylelint-disable-line scales/radii */
+					padding: 12px;
+				}
+			}
+		}
+	}
 }
diff --git a/client/login/wp-login/index.jsx b/client/login/wp-login/index.jsx
@@ -502,10 +502,10 @@ export class Login extends Component {
 	}
 
 	render() {
-		const { locale, translate, isFromMigrationPlugin, isGravPoweredClient, isWoo, isWhiteLogin } =
+		const { locale, translate, isFromMigrationPlugin, isGravPoweredClient, isWhiteLogin } =
 			this.props;
 		const canonicalUrl = localizeUrl( 'https://wordpress.com/log-in', locale );
-		const isSocialFirst = isWhiteLogin && ! isGravPoweredClient && ! isWoo;
+		const isSocialFirst = isWhiteLogin && ! isGravPoweredClient;
 
 		return (
 			<div>