Make only header clickable in the JSON view (#1164)
* Make only header clickable in the JSON view
* Updated test
diff --git a/app/addons/components/__tests__/doc.test.js b/app/addons/components/__tests__/doc.test.js
index b403058..2f6fb11 100644
--- a/app/addons/components/__tests__/doc.test.js
+++ b/app/addons/components/__tests__/doc.test.js
@@ -72,7 +72,7 @@
el = mount(
<ReactComponents.Document docChecked={noop} isDeletable={true} onClick={spy} docIdentifier="foo" />
);
- el.find('.doc-item').first().simulate('click');
+ el.find('.doc-item header').first().simulate('click');
expect(spy.calledOnce).toBeTruthy();
});
diff --git a/app/addons/components/assets/less/docs.less b/app/addons/components/assets/less/docs.less
index 44f60f2..a148d08 100644
--- a/app/addons/components/assets/less/docs.less
+++ b/app/addons/components/assets/less/docs.less
@@ -21,7 +21,6 @@
div.doc-row {
margin-bottom: 20px;
.doc-item {
- cursor: pointer;
vertical-align: top;
position: relative;
.box-shadow(3px 4px 0 rgba(0, 0, 0, 0.3));
@@ -38,6 +37,7 @@
}
}
header {
+ cursor: pointer;
font-weight: bold;
position: relative;
padding: 5px 10px;
diff --git a/app/addons/components/components/document.js b/app/addons/components/components/document.js
index 4dd3312..c664ee2 100644
--- a/app/addons/components/components/document.js
+++ b/app/addons/components/components/document.js
@@ -115,8 +115,8 @@
<div className="custom-inputs">
{this.getCheckbox()}
</div>
- <div className="doc-item" onClick={this.onClick}>
- <header>
+ <div className="doc-item">
+ <header onClick={this.onClick}>
<span className="header-keylabel">
{this.props.keylabel}
</span>