From 7e1851fa1c3936ee7315fa78b220787dfc64bc94 Mon Sep 17 00:00:00 2001
From: rimu <3310831+rimu@users.noreply.github.com>
Date: Sat, 2 Mar 2024 14:46:17 +1300
Subject: [PATCH] icon when post is missing a thumbnail

---
 app/static/structure.css             | 4 ++++
 app/static/structure.scss            | 7 +++++++
 app/templates/post/_post_teaser.html | 6 ++++++
 3 files changed, 17 insertions(+)

diff --git a/app/static/structure.css b/app/static/structure.css
index 39ba5112..4f3465ee 100644
--- a/app/static/structure.css
+++ b/app/static/structure.css
@@ -664,6 +664,10 @@ fieldset legend {
   font-size: 28px;
   padding-right: 7px;
 }
+.post_list .post_teaser .thumbnail.missing_thumbnail .fe::before {
+  font-size: x-large;
+  opacity: 0.8;
+}
 .post_list .post_teaser.blocked {
   opacity: 0.2;
   font-size: 80%;
diff --git a/app/static/structure.scss b/app/static/structure.scss
index c061882c..c022c605 100644
--- a/app/static/structure.scss
+++ b/app/static/structure.scss
@@ -283,6 +283,13 @@ html {
           padding-right: 7px;
         }
       }
+
+      &.missing_thumbnail {
+        .fe::before {
+          font-size: x-large;
+          opacity: 0.8;
+        }
+      }
     }
     &.blocked {
       opacity: 0.2;
diff --git a/app/templates/post/_post_teaser.html b/app/templates/post/_post_teaser.html
index 06e81204..3e1b22d9 100644
--- a/app/templates/post/_post_teaser.html
+++ b/app/templates/post/_post_teaser.html
@@ -36,6 +36,12 @@
                                         {% endif %}
                                     {% endif %}
                                 </div>
+                            {% else %}
+                                {% if post.type == POST_TYPE_LINK and post.domain_id %}
+                                    <div class="thumbnail{{ ' lbw' if low_bandwidth }} missing_thumbnail" aria-hidden="true">
+                                        <a href="{{ post.url }}" rel="nofollow ugc" target="_blank" aria-label="{{ _('Read article') }}"><span class="fe fe-external"></span></a>
+                                    </div>
+                                {% endif %}
                             {% endif %}
                             <h3><a href="{{ url_for('activitypub.post_ap', post_id=post.id, sort='new' if sort == 'active' else None) }}" class="post_teaser_title_a">{{ post.title }}</a>
                             {% if post.type == POST_TYPE_IMAGE %}<span class="fe fe-image" aria-hidden="true"> </span>{% endif %}