From 1512af2811cb5b2ffccac5452eb291b1af46f89d Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Fri, 4 Jan 2019 12:44:46 +0100
Subject: [PATCH] Display fallback link card thumbnail when none is given
(#9715)
---
.../mastodon/features/status/components/card.js | 6 ++++++
app/javascript/styles/mastodon/components.scss | 9 +++++++++
2 files changed, 15 insertions(+)
diff --git a/app/javascript/mastodon/features/status/components/card.js b/app/javascript/mastodon/features/status/components/card.js
index 235d209b88..8491299ef4 100644
--- a/app/javascript/mastodon/features/status/components/card.js
+++ b/app/javascript/mastodon/features/status/components/card.js
@@ -195,6 +195,12 @@ export default class Card extends React.PureComponent {
{thumbnail}
</div>
);
+ } else {
+ embed = (
+ <div className='status-card__image'>
+ <i className='fa fa-file-text' />
+ </div>
+ );
}
return (
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 0f94d8a327..3b18b623f2 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -2587,6 +2587,15 @@ a.status-card {
flex: 0 0 100px;
background: lighten($ui-base-color, 8%);
position: relative;
+
+ .fa {
+ font-size: 21px;
+ position: absolute;
+ transform-origin: 50% 50%;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ }
}
.status-card.horizontal {
--
GitLab