From 76342582b2e2dc6258e67920dd093cccf6915d67 Mon Sep 17 00:00:00 2001
From: Albert Yi <albert@carbonfive.com>
Date: Wed, 18 Jul 2018 12:53:35 -0700
Subject: [PATCH] add fallback for older previews

---
 app/assets/stylesheets/specific/z_responsive.scss | 7 ++++++-
 app/presenters/post_presenter.rb                  | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/specific/z_responsive.scss b/app/assets/stylesheets/specific/z_responsive.scss
index 380720232..7e6bbcfcc 100644
--- a/app/assets/stylesheets/specific/z_responsive.scss
+++ b/app/assets/stylesheets/specific/z_responsive.scss
@@ -181,7 +181,12 @@
 
     img {
       width: 100%;
-      height: 33.3vw
+      height: 33.3vw;
+
+      &.has-cropped-false {
+        width: 33.3vw;
+        object-fit: cover;
+      }
     }
   }
 
diff --git a/app/presenters/post_presenter.rb b/app/presenters/post_presenter.rb
index 22f7588ed..7961829ce 100644
--- a/app/presenters/post_presenter.rb
+++ b/app/presenters/post_presenter.rb
@@ -43,7 +43,7 @@ class PostPresenter < Presenter
     html << %{<picture>}
     html << %{<source media="(max-width: 660px)" srcset="#{cropped_src}">}
     html << %{<source media="(min-width: 660px)" srcset="#{post.preview_file_url}">}
-    html << %{<img itemprop="thumbnailUrl" src="#{post.preview_file_url}" title="#{h(tooltip)}" alt="#{h(post.tag_string)}">}
+    html << %{<img itemprop="thumbnailUrl" class="has-cropped-#{post.has_cropped?}" src="#{post.preview_file_url}" title="#{h(tooltip)}" alt="#{h(post.tag_string)}">}
     html << %{</picture>}
     html << %{</a>}