about summary refs log tree commit diff
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2017-10-17 20:07:44 +0200
committerGitHub <noreply@github.com>2017-10-17 20:07:44 +0200
commit05686cc99d409739ae470e2c2b00796f413ae40b (patch)
tree99c3628ddbe517f1b6f5a0b37847d17745909292
parent484208ce12402d8b82070038d9be8441b82f86e7 (diff)
Fix unwanted content warning gap in CSS (#5436)
Fix #5356
-rw-r--r--app/javascript/mastodon/components/status_content.js1
-rw-r--r--app/javascript/styles/components.scss8
2 files changed, 9 insertions, 0 deletions
diff --git a/app/javascript/mastodon/components/status_content.js b/app/javascript/mastodon/components/status_content.js
index fd9aa7edc..3b8155632 100644
--- a/app/javascript/mastodon/components/status_content.js
+++ b/app/javascript/mastodon/components/status_content.js
@@ -122,6 +122,7 @@ export default class StatusContent extends React.PureComponent {
     const directionStyle = { direction: 'ltr' };
     const classNames = classnames('status__content', {
       'status__content--with-action': this.props.onClick && this.context.router,
+      'status__content--with-spoiler': status.get('spoiler_text').length > 0,
     });
 
     if (isRtl(status.get('search_index'))) {
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index b6da70c91..5211489f7 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -511,6 +511,14 @@
   overflow: hidden;
   white-space: pre-wrap;
 
+  &.status__content--with-spoiler {
+    white-space: normal;
+
+    .status__content__text {
+      white-space: pre-wrap;
+    }
+  }
+
   .emojione {
     width: 18px;
     height: 18px;