diff --git a/dotcom-rendering/.vscode/settings.json b/dotcom-rendering/.vscode/settings.json new file mode 100644 index 0000000000..d8c97b1625 --- /dev/null +++ b/dotcom-rendering/.vscode/settings.json @@ -0,0 +1,5 @@ +{ + "files.watcherExclude": { + "**/target": true + } +} diff --git a/dotcom-rendering/src/components/Card/Card.tsx b/dotcom-rendering/src/components/Card/Card.tsx index 7b0e88b929..aedcc467d7 100644 --- a/dotcom-rendering/src/components/Card/Card.tsx +++ b/dotcom-rendering/src/components/Card/Card.tsx @@ -535,6 +535,8 @@ export const Card = ({ const getGapSize = (): GapSize => { if (isOnwardContent) return 'none'; if (isMediaCard && !isFlexibleContainer) return 'tiny'; + if (isMediaCard && isFlexibleContainer) return 'none'; + if (!!isFlexSplash || (isFlexibleContainer && imageSize === 'jumbo')) { return 'small'; } diff --git a/dotcom-rendering/src/components/FlexibleGeneral.tsx b/dotcom-rendering/src/components/FlexibleGeneral.tsx index 3b16cc9071..0c2673bb19 100644 --- a/dotcom-rendering/src/components/FlexibleGeneral.tsx +++ b/dotcom-rendering/src/components/FlexibleGeneral.tsx @@ -406,7 +406,9 @@ export const StandardCardLayout = ({ )} supportingContentAlignment="vertical" supportingContentPosition="outer" - imageSize={'medium'} + imageSize={ + isMediaCard(card.format) ? 'small' : 'medium' + } aspectRatio={aspectRatio} kickerText={card.kickerText} showLivePlayable={false}