diff --git a/app/javascript/flavours/glitch/features/status/components/card.js b/app/javascript/flavours/glitch/features/status/components/card.js
index 03867e03a56..13bc6c2b4c7 100644
--- a/app/javascript/flavours/glitch/features/status/components/card.js
+++ b/app/javascript/flavours/glitch/features/status/components/card.js
@@ -156,7 +156,9 @@ export default class Card extends React.PureComponent {
this.setState({ previewLoaded: true });
}
- handleReveal = () => {
+ handleReveal = e => {
+ e.preventDefault();
+ e.stopPropagation();
this.setState({ revealed: true });
}
@@ -244,7 +246,7 @@ export default class Card extends React.PureComponent {
}
return (
-
+
{embed}
{!compact && description}
@@ -254,14 +256,12 @@ export default class Card extends React.PureComponent {
{canvas}
{thumbnail}
- {!revealed && spoilerButton}
);
} else {
embed = (
- {!revealed && spoilerButton}
);
}
@@ -270,6 +270,7 @@ export default class Card extends React.PureComponent {
{embed}
{description}
+ {!revealed && spoilerButton}
);
}
diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss
index 28a4ce0ce14..4d308e60148 100644
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@@ -776,6 +776,7 @@ a.status__display-name,
}
.status-card {
+ position: relative;
display: flex;
font-size: 14px;
border: 1px solid lighten($ui-base-color, 8%);