fix(drag-drop): Fix drop styles in account sidebar

This commit is contained in:
Ben Gotow 2016-01-28 16:15:24 -08:00
parent b276445c86
commit f4ed37c1e1
2 changed files with 12 additions and 3 deletions

View file

@ -312,7 +312,6 @@ class OutlineViewItem extends Component {
const containerClass = classnames({
'item': true,
'selected': item.selected,
'dropping': state.isDropping,
'editing': state.editing,
[item.className]: item.className,
});
@ -348,10 +347,13 @@ class OutlineViewItem extends Component {
render() {
const item = this.props.item;
const containerClasses = classnames({
'item-container': true,
'dropping': this.state.isDropping,
})
return (
<div>
<span className="item-container">
<span className={containerClasses}>
<DisclosureTriangle
collapsed={item.collapsed}
visible={item.children.length > 0}

View file

@ -57,6 +57,13 @@
.item-container {
display:flex;
&.dropping {
background-color: lighten(@source-list-bg, 20%);
.item {
color: @source-list-active-color;
img.content-mask { background-color: @source-list-active-color; }
}
}
}
.item {