Fix borken notices

Automattic · Feb 1, 2024 · 71fd46f · 71fd46f
1 parent 9f10d7e
commit 71fd46f
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 38 deletions.
diff --git a/client/blocks/login/login-form.jsx b/client/blocks/login/login-form.jsx
@@ -809,6 +809,7 @@ export class LoginForm extends Component {
 
 						{ isWoo && linkingSocialUser && (
 							<Notice
+								className="login__form-user-exists-notice"
 								status="is-warning"
 								icon={ <Icon icon={ alert } size={ 20 } fill="#d67709" /> }
 								showDismiss

diff --git a/client/layout/masterbar/woo.scss b/client/layout/masterbar/woo.scss
@@ -103,56 +103,55 @@
 		background-color: initial;
 	}
 
-	.layout__content {
-		.notice {
-			border-radius: 8px; // stylelint-disable-line scales/radii
-			overflow: auto;
-			padding: 16px 20px;
+	.login__form-user-exists-notice.notice {
+		border-radius: 8px; // stylelint-disable-line scales/radii
+		overflow: auto;
+		padding: 16px 20px;
+		background-color: #f6f7f7;
+
+		.notice__icon-wrapper {
 			background-color: #f6f7f7;
+			color: #2c3338;
+			width: auto;
+			padding: 0;
+			align-items: flex-start;
+		}
 
-			.notice__icon-wrapper {
-				background-color: #f6f7f7;
-				color: #2c3338;
-				width: auto;
-				padding: 0;
-				align-items: flex-start;
-			}
+		.notice__dismiss {
+			padding: 0;
+			background-color: #f6f7f7;
+			color: #a7aaad;
+		}
 
-			.notice__dismiss {
-				padding: 0;
-				background-color: #f6f7f7;
-				color: #a7aaad;
-			}
+		.notice__content {
+			padding: 0 16px;
+			background-color: #f6f7f7;
+			color: #2c3338;
+		}
 
-			.notice__content {
-				padding: 0 16px;
-				background-color: #f6f7f7;
-				color: #2c3338;
-			}
+		.notice__text {
+			color: #2c3338;
+			font-size: rem(14px);
+			font-style: normal;
+			font-weight: 400;
+			line-height: 20px; /* 142.857% */
+			letter-spacing: -0.24px;
 
-			.notice__text {
-				color: #2c3338;
+			a,
+			a:visited,
+			a:hover, {
+				color: $woo-purple-60;
 				font-size: rem(14px);
 				font-style: normal;
-				font-weight: 400;
-				line-height: 20px; /* 142.857% */
+				font-weight: 500;
+				line-height: 20px;
 				letter-spacing: -0.24px;
-
-				a,
-				a:visited,
-				a:hover, {
-					color: $woo-purple-60;
-					font-size: rem(14px);
-					font-style: normal;
-					font-weight: 500;
-					line-height: 20px;
-					letter-spacing: -0.24px;
-					text-decoration: none;
-				}
+				text-decoration: none;
 			}
 		}
 	}
 
+
 	.masterbar__progress-bar {
 		background-color: transparent;
 		height: 8px;