diff options
Diffstat (limited to 'src/client/views/collections/CollectionTreeView.tsx')
-rw-r--r-- | src/client/views/collections/CollectionTreeView.tsx | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/src/client/views/collections/CollectionTreeView.tsx b/src/client/views/collections/CollectionTreeView.tsx index 745b06c46..52e853bf7 100644 --- a/src/client/views/collections/CollectionTreeView.tsx +++ b/src/client/views/collections/CollectionTreeView.tsx @@ -5,9 +5,8 @@ import { KeyStore } from "../../../fields/KeyStore"; import { ListField } from "../../../fields/ListField"; import React = require("react") import { TextField } from "../../../fields/TextField"; -import { BasicField } from "../../../fields/BasicField"; -import { assertParenthesizedExpression } from "babel-types"; import { observable, action } from "mobx"; +import "./CollectionTreeView.scss"; export interface TreeViewProps { document: Document; @@ -40,7 +39,7 @@ class TreeView extends React.Component<TreeViewProps> { // if it's not collapsed, then render the full TreeView. if (!this.collapsed) { return ( - <li key={document.Id} onClick={action(() => this.collapsed = true)} > + <li className="uncollapsed" key={document.Id} onClick={action(() => this.collapsed = true)} > {title.Data} <ul key={document.Id}> <TreeView @@ -50,7 +49,7 @@ class TreeView extends React.Component<TreeViewProps> { </li> ); } else { - return <li key={document.Id} onClick={action(() => this.collapsed = false)}>{title.Data}</li> + return <li className="collapsed" key={document.Id} onClick={action(() => this.collapsed = false)}>{title.Data}</li> } } @@ -94,7 +93,7 @@ export class CollectionTreeView extends CollectionViewBase { return ( <div> <h3>{titleStr}</h3> - <ul> + <ul className="no-indent"> <TreeView document={this.props.Document} /> |