[docs-infra] Fix display when ad-block triggers

mui · Nov 26, 2024 · 6917883 · 6917883
1 parent fdd856d
commit 6917883
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/packages/mui-docs/src/Ad/Ad.tsx b/packages/mui-docs/src/Ad/Ad.tsx
@@ -34,7 +34,7 @@ function PleaseDisableAdblock() {
 }
 
 const disableAd =
-  process.env.NODE_ENV !== 'production' && process.env.ENABLE_AD_IN_DEV_MODE !== 'true';
+  process.env.NODE_ENV !== 'production' && process.env.ENABLE_AD_IN_DEV_MODE === 'true';
 const inHouseAds = [
   {
     name: 'scaffoldhub',
@@ -232,7 +232,6 @@ export function Ad() {
       data-ga-event-category="ad"
       data-ga-event-action="click"
       data-ga-event-label={eventLabel}
-      className="Ad-root"
     >
       <AdErrorBoundary eventLabel={eventLabel}>{children}</AdErrorBoundary>
     </Box>

diff --git a/packages/mui-docs/src/ComponentLinkHeader/ComponentLinkHeader.tsx b/packages/mui-docs/src/ComponentLinkHeader/ComponentLinkHeader.tsx
@@ -13,8 +13,9 @@ import W3CIcon from '../svgIcons/W3CIcon';
 import MaterialDesignIcon from '../svgIcons/MaterialDesignIcon';
 import { useTranslate } from '../i18n';
 
-const Root = styled('ul')({
+const Root = styled('ul')(({ theme }) => ({
   margin: 0,
+  marginTop: theme.spacing(3),
   padding: 0,
   listStyle: 'none',
   display: 'flex',
@@ -30,7 +31,7 @@ const Root = styled('ul')({
       fontSize: 14,
     },
   },
-});
+}));
 
 const defaultPackageNames: Record<string, string | undefined> = {
   'material-ui': '@mui/material',

diff --git a/packages/mui-docs/src/MarkdownElement/MarkdownElement.tsx b/packages/mui-docs/src/MarkdownElement/MarkdownElement.tsx
@@ -137,7 +137,7 @@ const Root = styled('div')(
       // Allows to remove link arrows for images
       display: 'none',
     },
-    '& .Ad-root a::after': {
+    '& .ad.description a::after': {
       // Remove link arrow for ads
       display: 'none',
     },