Auto-uncollapse when expanding CW

master
kibigo! 7 years ago
parent b1f9892e63
commit 6a50e73089
  1. 4
      app/javascript/mastodon/components/status.js
  2. 5
      app/javascript/styles/components.scss

@ -166,11 +166,11 @@ class StatusUnextended extends ImmutablePureComponent {
} }
handleExpandedToggle = () => { handleExpandedToggle = () => {
if (!this.state.isCollapsed) this.setState({ isExpanded: !this.state.isExpanded }); this.setState({ isExpanded: !this.state.isExpanded, isCollapsed: false });
}; };
handleCollapsedClick = () => { handleCollapsedClick = () => {
this.setState({ isCollapsed: !this.state.isCollapsed }); this.setState({ isCollapsed: !this.state.isCollapsed, isExpanded: false });
} }
render () { render () {

@ -525,16 +525,13 @@
text-transform: uppercase; text-transform: uppercase;
line-height: 18px; line-height: 18px;
cursor: pointer; cursor: pointer;
transition: background-color .3s, color .3s;
&:hover { &:hover {
background: lighten($ui-base-color, 33%); background: lighten($ui-base-color, 33%);
text-decoration: none; text-decoration: none;
} }
.status-collapsed &, .status-collapsed &:hover { .status-collapsed & {
background: transparent;
color: lighten($ui-base-color, 30%);
vertical-align: bottom; vertical-align: bottom;
} }
} }

Loading…
Cancel
Save