diff --git a/app/soapbox/components/attachment_thumbs.js b/app/soapbox/components/attachment_thumbs.js
index 2e7b6e117..6c998e744 100644
--- a/app/soapbox/components/attachment_thumbs.js
+++ b/app/soapbox/components/attachment_thumbs.js
@@ -15,6 +15,7 @@ class AttachmentThumbs extends ImmutablePureComponent {
dispatch: PropTypes.func.isRequired,
media: ImmutablePropTypes.list.isRequired,
onClick: PropTypes.func,
+ sensitive: PropTypes.bool,
};
renderLoading() {
@@ -26,7 +27,7 @@ class AttachmentThumbs extends ImmutablePureComponent {
}
render() {
- const { media, onClick } = this.props;
+ const { media, onClick, sensitive } = this.props;
return (
@@ -37,6 +38,7 @@ class AttachmentThumbs extends ImmutablePureComponent {
onOpenMedia={this.onOpenMedia}
height={50}
compact
+ sensitive={sensitive}
/>
)}
diff --git a/app/soapbox/components/media_gallery.js b/app/soapbox/components/media_gallery.js
index bad4c1b48..550474b16 100644
--- a/app/soapbox/components/media_gallery.js
+++ b/app/soapbox/components/media_gallery.js
@@ -590,10 +590,15 @@ class MediaGallery extends React.PureComponent {
return (
-
+
{sensitive && (
- visible ? (
-
+ (visible || compact) ? (
+
) : (
diff --git a/app/soapbox/features/scheduled_statuses/components/scheduled_status.js b/app/soapbox/features/scheduled_statuses/components/scheduled_status.js
index 7daf0a024..f5efdd406 100644
--- a/app/soapbox/features/scheduled_statuses/components/scheduled_status.js
+++ b/app/soapbox/features/scheduled_statuses/components/scheduled_status.js
@@ -76,6 +76,7 @@ class ScheduledStatus extends ImmutablePureComponent {
)}
diff --git a/app/soapbox/features/status/components/quoted_status.js b/app/soapbox/features/status/components/quoted_status.js
index 3bb8b2367..56dc47029 100644
--- a/app/soapbox/features/status/components/quoted_status.js
+++ b/app/soapbox/features/status/components/quoted_status.js
@@ -145,6 +145,7 @@ class QuotedStatus extends ImmutablePureComponent {
)}
diff --git a/app/soapbox/features/ui/components/boost_modal.js b/app/soapbox/features/ui/components/boost_modal.js
index 2bf508b97..c148edc2e 100644
--- a/app/soapbox/features/ui/components/boost_modal.js
+++ b/app/soapbox/features/ui/components/boost_modal.js
@@ -93,6 +93,7 @@ class BoostModal extends ImmutablePureComponent {
)}
diff --git a/app/styles/components/media-gallery.scss b/app/styles/components/media-gallery.scss
index 397e98133..a07558cbd 100644
--- a/app/styles/components/media-gallery.scss
+++ b/app/styles/components/media-gallery.scss
@@ -199,8 +199,9 @@ $media-compact-size: 50px;
height: $media-compact-size !important;
background: transparent;
- .spoiler-button {
- display: none;
+ .spoiler-button .svg-icon {
+ width: 16px;
+ height: 16px;
}
.media-gallery__item {