diff --git a/src/components/Molecules/ArticleTeaser/ArticleTeaser.js b/src/components/Molecules/ArticleTeaser/ArticleTeaser.js index 6632b5a5d..931e4c37f 100644 --- a/src/components/Molecules/ArticleTeaser/ArticleTeaser.js +++ b/src/components/Molecules/ArticleTeaser/ArticleTeaser.js @@ -55,7 +55,7 @@ const ArticleTeaser = ({ alt={alt} objectFit="cover" width={!isNewsTeaser ? logoSize : '100%'} - height="auto" + height={!isNewsTeaser ? 'auto' : '100%'} /> diff --git a/src/components/Molecules/ArticleTeaser/ArticleTeaser.md b/src/components/Molecules/ArticleTeaser/ArticleTeaser.md index 6b7f5f259..c53307c35 100644 --- a/src/components/Molecules/ArticleTeaser/ArticleTeaser.md +++ b/src/components/Molecules/ArticleTeaser/ArticleTeaser.md @@ -9,7 +9,7 @@ const defaultData = require('../../../styleguide/data/data').defaultData;
{ .c6 { display: block; width: 100%; - height: auto; + height: 100%; position: relative; } .c9 { width: 100%; - height: auto; + height: 100%; display: block; object-fit: cover; } @@ -466,7 +466,7 @@ it('renders article teaser correctly', () => { >
{ data-sizes="auto" data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg" data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w" - height="auto" + height="100%" src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg" srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100%" diff --git a/src/styleguide/assets/newsPhoto.jpg b/src/styleguide/assets/newsPhoto.jpg new file mode 100644 index 000000000..80f114370 Binary files /dev/null and b/src/styleguide/assets/newsPhoto.jpg differ diff --git a/src/styleguide/data/data.js b/src/styleguide/data/data.js index 3f0466adc..48aefa122 100644 --- a/src/styleguide/data/data.js +++ b/src/styleguide/data/data.js @@ -13,6 +13,7 @@ const defaultData = { heroBannerLogoImageSquare: '../HeroBannerLogo-Square.png', heroBannerLogoImageWide: '../HeroBannerLogo-Wide.png', heroBannerLogoImageTall: '../HeroBannerLogo-Tall.png', + newsImage: '../newsPhoto.jpg', imageLow: 'http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=100&h=50&q=100', image: