Keep non advertising partner styles untouched for storybook

guardian · May 21, 2024 · 1157aaa · 1157aaa
1 parent 7656f98
commit 1157aaa
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/dotcom-rendering/src/components/Branding.importable.tsx b/dotcom-rendering/src/components/Branding.importable.tsx
@@ -65,6 +65,7 @@ const liveBlogLabelStyle = css`
 `;
 
 const brandingLogoAdvertisingPartnerStyle = css`
+	padding: 0;
 	& img {
 		display: block;
 		${between.leftCol.and.wide} {
@@ -74,18 +75,22 @@ const brandingLogoAdvertisingPartnerStyle = css`
 `;
 
 const brandingLogoStyle = css`
+	padding: 10px 0;
 	display: block;
 
 	& img {
 		display: block;
 	}
 `;
 
+const aboutLinkAdvertisingPartnerStyle = css`
+	padding-top: 1px;
+`;
+
 const aboutLinkStyle = css`
 	${textSans12}
 	display: block;
 	text-decoration: none;
-	padding-top: 1px;
 
 	color: ${palette('--branding-link-text')};
 	a {
@@ -261,7 +266,13 @@ export const Branding = ({ branding, format }: Props) => {
 
 			<a
 				href={branding.aboutThisLink}
-				css={[aboutLinkStyle, isLiveBlog && liveBlogAboutLinkStyle]}
+				css={[
+					aboutLinkStyle,
+					isAdvertisingPartnerOrExclusive &&
+						inAdvertisingPartnerABTest &&
+						aboutLinkAdvertisingPartnerStyle,
+					isLiveBlog && liveBlogAboutLinkStyle,
+				]}
 			>
 				About this content
 			</a>