From ab0e92d337d51ac646beb033f63a4f13f2f865fe Mon Sep 17 00:00:00 2001 From: kibigo! Date: Sun, 25 Jun 2017 15:52:55 -0700 Subject: [PATCH] Auto-uncollapse when expanding CW --- app/javascript/mastodon/components/status.js | 4 ++-- app/javascript/styles/components.scss | 5 +---- 2 files changed, 3 insertions(+), 6 deletions(-) diff --git a/app/javascript/mastodon/components/status.js b/app/javascript/mastodon/components/status.js index 44645d7d1e..5866616497 100644 --- a/app/javascript/mastodon/components/status.js +++ b/app/javascript/mastodon/components/status.js @@ -166,11 +166,11 @@ class StatusUnextended extends ImmutablePureComponent { } handleExpandedToggle = () => { - if (!this.state.isCollapsed) this.setState({ isExpanded: !this.state.isExpanded }); + this.setState({ isExpanded: !this.state.isExpanded, isCollapsed: false }); }; handleCollapsedClick = () => { - this.setState({ isCollapsed: !this.state.isCollapsed }); + this.setState({ isCollapsed: !this.state.isCollapsed, isExpanded: false }); } render () { diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 15bae3deed..0418ffd899 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -525,16 +525,13 @@ text-transform: uppercase; 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%); + .status-collapsed & { vertical-align: bottom; } }