attending feedback

WPMedia · Dec 18, 2024 · f36ad42 · f36ad42
1 parent 16ffbec
commit f36ad42
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/blocks/identity-block/_index.scss b/blocks/identity-block/_index.scss
@@ -219,6 +219,11 @@
 				@include scss.block-properties("social-sign-on-button-container-apple-custom");
 			}
 
+			&__sso{
+				@include scss.block-components("social-sign-on-button-container-apple-sso");
+				@include scss.block-properties("social-sign-on-button-container-apple-sso");
+			}
+
 			@include scss.block-components("social-sign-on-button-container-apple");
 			@include scss.block-properties("social-sign-on-button-container-apple");
 		}

diff --git a/blocks/identity-block/components/social-sign-on/_children/AppleSignIn.jsx b/blocks/identity-block/components/social-sign-on/_children/AppleSignIn.jsx
@@ -31,7 +31,7 @@ function AppleSignIn({ customButtons, socialSignOnIn, className, oidcClients = [
 	return (
 		<div
 			data-testid="apple-sign-in-button"
-			style={{ width: '100%', justifyContent: 'center', display: 'flex' }}
+			className={`${className}__Apple__sso`}
 		>
 			<Button
 				id="apple-btn"

diff --git a/blocks/identity-block/themes/news.json b/blocks/identity-block/themes/news.json
@@ -863,6 +863,16 @@
 			"desktop": {}
 		}
 	},
+	"social-sign-on-button-container-apple-sso":{
+		"styles": {
+			"default": {
+				"inline-size": "100%",
+				"justify-content": "center", 
+				"display": "flex"
+			},
+			"desktop": {}
+		}
+	},
 	"social-sign-on-dividerWithText": {
 		"styles": {
 			"default": {