From 241f1ea7c484a8253bb2e656ad33abf319dc91dc Mon Sep 17 00:00:00 2001 From: alexandre Date: Mon, 19 Feb 2024 14:27:01 +0100 Subject: [PATCH 1/5] fix ads --- docs/src/modules/components/MarkdownElement.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js index a1d8128508fba1..e399546bf88298 100644 --- a/docs/src/modules/components/MarkdownElement.js +++ b/docs/src/modules/components/MarkdownElement.js @@ -403,6 +403,10 @@ const Root = styled('div')( opacity: 1, transform: 'translate(1px, 0)', }, + '& a[href*="carbonads"][target="_blank"]::after': { + // Remove link arrow for carbon ads + display: 'none', + }, '& a, & a code': { // Style taken from the Link component color: `var(--muidocs-palette-primary-600, ${lightTheme.palette.primary[600]})`, From 4e63678fd983ad2726ca0e3588358fc15628524e Mon Sep 17 00:00:00 2001 From: alexandre Date: Mon, 19 Feb 2024 14:27:08 +0100 Subject: [PATCH 2/5] fix images --- .../material/customization/color/color.md | 2 +- .../material/discover-more/backers/backers.md | 22 +++++++++---------- .../src/modules/components/MarkdownElement.js | 4 ++++ 3 files changed, 16 insertions(+), 12 deletions(-) diff --git a/docs/data/material/customization/color/color.md b/docs/data/material/customization/color/color.md index 31927855df38e3..4f367e673fdf27 100644 --- a/docs/data/material/customization/color/color.md +++ b/docs/data/material/customization/color/color.md @@ -11,7 +11,7 @@ The Material Design [color system](https://m2.material.io/design/color/) can be The Material Design team has also built an awesome palette configuration tool: [material.io/resources/color/](https://m2.material.io/inline-tools/color/). This can help you create a color palette for your UI, as well as measure the accessibility level of any color combination. - + Official color tool
diff --git a/docs/data/material/discover-more/backers/backers.md b/docs/data/material/discover-more/backers/backers.md index 311c97d56f0715..25732bb3816500 100644 --- a/docs/data/material/discover-more/backers/backers.md +++ b/docs/data/material/discover-more/backers/backers.md @@ -8,9 +8,9 @@ Sponsorship increases the rate of bug fixes, documentation improvements, and fea ## Diamond sponsors

- octopus - doit - marblism + octopus + doit + marblism

Diamond sponsors are those who've pledged \$1,500/month or more to the MUI organization. [Tier benefits](#diamond). @@ -20,14 +20,14 @@ Diamond sponsors are those who've pledged \$1,500/month or more to the MUI organ via [Open Collective](https://opencollective.com/mui-org) or via [the for-profit](https://www.patreon.com/oliviertassinari)

- tidelift.com - Spotify - Icons8 - RxDB - text-em-all.com - megafamous.com - dialmycalls.com - goread.io + tidelift.com + Spotify + Icons8 + RxDB + text-em-all.com + megafamous.com + dialmycalls.com + goread.io

Gold sponsors are those who've pledged \$500/month or more to the MUI organization. [Tier benefits](#gold). diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js index e399546bf88298..9f0072f3694544 100644 --- a/docs/src/modules/components/MarkdownElement.js +++ b/docs/src/modules/components/MarkdownElement.js @@ -403,6 +403,10 @@ const Root = styled('div')( opacity: 1, transform: 'translate(1px, 0)', }, + '& a.remove-link-arrow[target="_blank"]::after': { + // Allows to remove link arrows for images + display: 'none', + }, '& a[href*="carbonads"][target="_blank"]::after': { // Remove link arrow for carbon ads display: 'none', From bd1132736b52ae2637f2de075fe290661a406894 Mon Sep 17 00:00:00 2001 From: alexandre Date: Tue, 20 Feb 2024 14:09:42 +0100 Subject: [PATCH 3/5] use " instead of ' --- .../material/customization/color/color.md | 2 +- .../material/discover-more/backers/backers.md | 22 +++++++++---------- 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/docs/data/material/customization/color/color.md b/docs/data/material/customization/color/color.md index 4f367e673fdf27..43733e40fbac28 100644 --- a/docs/data/material/customization/color/color.md +++ b/docs/data/material/customization/color/color.md @@ -11,7 +11,7 @@ The Material Design [color system](https://m2.material.io/design/color/) can be The Material Design team has also built an awesome palette configuration tool: [material.io/resources/color/](https://m2.material.io/inline-tools/color/). This can help you create a color palette for your UI, as well as measure the accessibility level of any color combination. - + Official color tool
diff --git a/docs/data/material/discover-more/backers/backers.md b/docs/data/material/discover-more/backers/backers.md index 25732bb3816500..fcbc9a4025059c 100644 --- a/docs/data/material/discover-more/backers/backers.md +++ b/docs/data/material/discover-more/backers/backers.md @@ -8,9 +8,9 @@ Sponsorship increases the rate of bug fixes, documentation improvements, and fea ## Diamond sponsors

- octopus - doit - marblism + octopus + doit + marblism

Diamond sponsors are those who've pledged \$1,500/month or more to the MUI organization. [Tier benefits](#diamond). @@ -20,14 +20,14 @@ Diamond sponsors are those who've pledged \$1,500/month or more to the MUI organ via [Open Collective](https://opencollective.com/mui-org) or via [the for-profit](https://www.patreon.com/oliviertassinari)

- tidelift.com - Spotify - Icons8 - RxDB - text-em-all.com - megafamous.com - dialmycalls.com - goread.io + tidelift.com + Spotify + Icons8 + RxDB + text-em-all.com + megafamous.com + dialmycalls.com + goread.io

Gold sponsors are those who've pledged \$500/month or more to the MUI organization. [Tier benefits](#gold). From 37426c962c3cf409ec34ff103a32394696372a74 Mon Sep 17 00:00:00 2001 From: alexandre Date: Tue, 20 Feb 2024 14:12:17 +0100 Subject: [PATCH 4/5] other ads selector --- docs/src/modules/components/MarkdownElement.js | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js index 9f0072f3694544..35f2b906e02285 100644 --- a/docs/src/modules/components/MarkdownElement.js +++ b/docs/src/modules/components/MarkdownElement.js @@ -407,9 +407,11 @@ const Root = styled('div')( // Allows to remove link arrows for images display: 'none', }, - '& a[href*="carbonads"][target="_blank"]::after': { - // Remove link arrow for carbon ads - display: 'none', + '& .ea-placement, & .carbonads, & #carbonads': { + // Remove link arrow for ads + '& a[target="_blank"]::after': { + display: 'none', + }, }, '& a, & a code': { // Style taken from the Link component From f28f937f8aaf82e4f67aa83746f578c29666d150 Mon Sep 17 00:00:00 2001 From: alexandre Date: Wed, 21 Feb 2024 10:34:04 +0100 Subject: [PATCH 5/5] put CSS closer to the code --- docs/src/modules/components/Ad.js | 4 ++++ docs/src/modules/components/MarkdownElement.js | 6 ------ 2 files changed, 4 insertions(+), 6 deletions(-) diff --git a/docs/src/modules/components/Ad.js b/docs/src/modules/components/Ad.js index 1247850638aa61..9044e65842c52f 100644 --- a/docs/src/modules/components/Ad.js +++ b/docs/src/modules/components/Ad.js @@ -222,6 +222,10 @@ export default function Ad() { mt: AD_MARGIN_TOP, mb: AD_MARGIN_BOTTOM, minHeight: AD_HEIGHT_MOBILE, + '& a[target="_blank"]::after': { + // Remove link arrow for ads + display: 'none', + }, [theme.breakpoints.up('sm')]: { minHeight: AD_HEIGHT, }, diff --git a/docs/src/modules/components/MarkdownElement.js b/docs/src/modules/components/MarkdownElement.js index 35f2b906e02285..360384a31abc8a 100644 --- a/docs/src/modules/components/MarkdownElement.js +++ b/docs/src/modules/components/MarkdownElement.js @@ -407,12 +407,6 @@ const Root = styled('div')( // Allows to remove link arrows for images display: 'none', }, - '& .ea-placement, & .carbonads, & #carbonads': { - // Remove link arrow for ads - '& a[target="_blank"]::after': { - display: 'none', - }, - }, '& a, & a code': { // Style taken from the Link component color: `var(--muidocs-palette-primary-600, ${lightTheme.palette.primary[600]})`,