Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-01-06 08:08:10 +08:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/outline-view-item.jsx
View file

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

7
static/components/outline-view.less
View file

@ -57,6 +57,13 @@
.item-container { .item-container {
display:flex; 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 { .item {