diff --git a/app/views/articles/_single_story.html.erb b/app/views/articles/_single_story.html.erb index ec071d366..cf5569bb3 100644 --- a/app/views/articles/_single_story.html.erb +++ b/app/views/articles/_single_story.html.erb @@ -5,7 +5,8 @@ <% end %> <% if featured == true || (feed_style_preference == "rich" && story.main_image.present?) %> + style="background-color: <%= story.main_image_background_hex_color %>; background-image: url(<%= cloud_cover_url(story.main_image) %>);" + class="crayons-story__cover crayons-story__cover__image"> <% end %> diff --git a/spec/requests/stories_index_spec.rb b/spec/requests/stories_index_spec.rb index 54bf19258..c3a58fcc5 100644 --- a/spec/requests/stories_index_spec.rb +++ b/spec/requests/stories_index_spec.rb @@ -150,7 +150,7 @@ RSpec.describe "StoriesIndex", type: :request do allow(SiteConfig).to receive(:feed_style).and_return("basic") get "/" - expect(response.body.scan(/(?=class="crayons-story__cover__image)/).count).to be 1 + expect(response.body.scan(/(?=class="crayons-story__cover crayons-story__cover__image)/).count).to be 1 end it "shows multiple cover images if rich feed style" do @@ -158,7 +158,7 @@ RSpec.describe "StoriesIndex", type: :request do allow(SiteConfig).to receive(:feed_style).and_return("rich") get "/" - expect(response.body.scan(/(?=class="crayons-story__cover__image)/).count).to be > 1 + expect(response.body.scan(/(?=class="crayons-story__cover crayons-story__cover__image)/).count).to be > 1 end context "with campaign hero" do