From d6e3918d924436529f9bce9bfe54eb0b6619c637 Mon Sep 17 00:00:00 2001
From: kibigo! <marrus-sh@users.noreply.github.com>
Date: Sun, 25 Jun 2017 15:25:19 -0700
Subject: Disables CW [Show More/Less] links in collapsed toots

---
 app/javascript/mastodon/components/status.js |  2 +-
 app/javascript/styles/components.scss        | 29 +++++++++++++++-------------
 2 files changed, 17 insertions(+), 14 deletions(-)

(limited to 'app/javascript')

diff --git a/app/javascript/mastodon/components/status.js b/app/javascript/mastodon/components/status.js
index a3b9c477b..44645d7d1 100644
--- a/app/javascript/mastodon/components/status.js
+++ b/app/javascript/mastodon/components/status.js
@@ -166,7 +166,7 @@ class StatusUnextended extends ImmutablePureComponent {
   }
 
   handleExpandedToggle = () => {
-    this.setState({ isExpanded: !this.state.isExpanded });
+    if (!this.state.isCollapsed) this.setState({ isExpanded: !this.state.isExpanded });
   };
 
   handleCollapsedClick = () => {
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 017d1bdb0..15bae3dee 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -504,15 +504,6 @@
     }
   }
 
-  .status__content__spoiler-link {
-    background: lighten($ui-base-color, 30%);
-
-    &:hover {
-      background: lighten($ui-base-color, 33%);
-      text-decoration: none;
-    }
-  }
-
   .status__content__text {
     display: none;
 
@@ -525,15 +516,27 @@
 .status__content__spoiler-link {
   display: inline-block;
   border-radius: 2px;
-  background: transparent;
-  border: 0;
+  background: lighten($ui-base-color, 30%);
+  border: 1px lighten($ui-base-color, 30%) solid;
   color: lighten($ui-base-color, 8%);
   font-weight: 500;
   font-size: 11px;
-  padding: 0 6px;
+  padding: 0 5px;
   text-transform: uppercase;
-  line-height: inherit;
+  line-height: 18px;
   cursor: pointer;
+  transition: background-color .3s, color .3s;
+
+    &:hover {
+      background: lighten($ui-base-color, 33%);
+      text-decoration: none;
+    }
+
+  .status-collapsed &, .status-collapsed &:hover {
+    background: transparent;
+    color: lighten($ui-base-color, 30%);
+    vertical-align: bottom;
+  }
 }
 
 .status__prepend-icon-wrapper {
-- 
cgit