diff --git a/app/soapbox/components/status.js b/app/soapbox/components/status.js index 4e76a622d..ffca8efeb 100644 --- a/app/soapbox/components/status.js +++ b/app/soapbox/components/status.js @@ -468,6 +468,11 @@ class Status extends ImmutablePureComponent { + {status.hasIn(['account', 'pleroma', 'favicon']) && +
+ +
} +
diff --git a/app/soapbox/features/status/components/detailed_status.js b/app/soapbox/features/status/components/detailed_status.js index 0564ed617..454c22fba 100644 --- a/app/soapbox/features/status/components/detailed_status.js +++ b/app/soapbox/features/status/components/detailed_status.js @@ -208,6 +208,11 @@ export default class DetailedStatus extends ImmutablePureComponent {
+ {status.hasIn(['account', 'pleroma', 'favicon']) && +
+ +
} + {statusTypeIcon} diff --git a/app/styles/components/detailed-status.scss b/app/styles/components/detailed-status.scss index 6795bba5e..d53b426ee 100644 --- a/app/styles/components/detailed-status.scss +++ b/app/styles/components/detailed-status.scss @@ -125,3 +125,8 @@ float: left; margin-right: 10px; } + +.detailed-status .status__favicon { + float: left; + margin-right: 5px; +} diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss index 5aa440367..69f1ed24e 100644 --- a/app/styles/components/status.scss +++ b/app/styles/components/status.scss @@ -635,3 +635,15 @@ a.status-card.compact:hover { background-size: cover; background-position: center center; } + +.status__favicon { + width: 16px; + height: 16px; + float: right; + margin-right: 4px; + + img { + width: 100%; + max-height: 100%; + } +}