forked from treehouse/mastodon
Auto-uncollapse when expanding CW
parent
b1f9892e63
commit
6a50e73089
|
@ -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…
Reference in New Issue