icon when post is missing a thumbnail

This commit is contained in:
rimu 2024-03-02 14:46:17 +13:00
parent ebea77c37d
commit 7e1851fa1c
3 changed files with 17 additions and 0 deletions

View file

@ -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%;

View file

@ -283,6 +283,13 @@ html {
padding-right: 7px;
}
}
&.missing_thumbnail {
.fe::before {
font-size: x-large;
opacity: 0.8;
}
}
}
&.blocked {
opacity: 0.2;

View file

@ -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 %}