StardewValley
/
jsoneditor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed insert menu missing before arrays and objects

This commit is contained in:
jos 2017-11-22 11:36:47 +01:00
parent e69868da85
commit 157f63d11a
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/JSONNode.js
View File

@ -104,12 +104,14 @@ export default class JSONNode extends PureComponent {
])
: null
const insertArea = this.renderInsertBeforeArea()
return h('div', {
'data-path': compileJSONPointer(this.props.path),
className: this.getContainerClassName(data.selected, this.state.hover),
onMouseOver: this.handleMouseOver,
onMouseLeave: this.handleMouseLeave
}, [node, floatingMenu, childs])
}, [node, floatingMenu, insertArea, childs])
}
// TODO: extract a function renderChilds shared by both renderJSONObject and renderJSONArray (rename .props and .items to .childs?)
@ -161,12 +163,14 @@ export default class JSONNode extends PureComponent {
])
: null
const insertArea = this.renderInsertBeforeArea()
return h('div', {
'data-path': compileJSONPointer(this.props.path),
className: this.getContainerClassName(data.selected, this.state.hover),
onMouseOver: this.handleMouseOver,
onMouseLeave: this.handleMouseLeave
}, [node, floatingMenu, childs])
}, [node, floatingMenu, insertArea, childs])
}
renderJSONValue ({prop, index, data, options}) {

10
src/jsoneditor.less
View File

@ -576,13 +576,13 @@ div.jsoneditor-node-container {
&.jsoneditor-hover-insert-area {
background-color: @selectedColor;
div.jsoneditor-insert-area {
> div.jsoneditor-insert-area {
border: 1px dashed gray;
background-color: @hoverColor;
}
&.jsoneditor-selected-insert-area {
div.jsoneditor-insert-area {
> div.jsoneditor-insert-area {
border: 1px dashed #f4af41;
background-color: @hoverAndSelectedColor;
}
@ -601,7 +601,7 @@ div.jsoneditor-node-container {
}
}
div.jsoneditor-insert-area {
> div.jsoneditor-insert-area {
border: 1px dashed #f4af41;
background: @selectedColor;
}
@ -614,7 +614,7 @@ div.jsoneditor-node-container {
&.jsoneditor-hover-insert-area {
background-color: inherit;
div.jsoneditor-insert-area {
> div.jsoneditor-insert-area {
border: 1px dashed #f4af41;
background: @hoverAndSelectedColor;
}
@ -628,7 +628,7 @@ div.jsoneditor-node-container {
&.jsoneditor-hover-insert-area {
background-color: inherit;
div.jsoneditor-insert-area {
> div.jsoneditor-insert-area {
border: 1px dashed gray;
background-color: @hoverColor;
}