mirror of
https://github.com/Foundry376/Mailspring.git
synced 2025-01-04 07:10:06 +08:00
fix(drag-drop): Fix drop styles in account sidebar
This commit is contained in:
parent
b276445c86
commit
f4ed37c1e1
2 changed files with 12 additions and 3 deletions
|
@ -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}
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue