diff options
| author | bob <bcz@cs.brown.edu> | 2019-02-13 10:38:59 -0500 |
|---|---|---|
| committer | bob <bcz@cs.brown.edu> | 2019-02-13 10:38:59 -0500 |
| commit | 47157f2d95ac1a9541ae313da321d050b073d0a7 (patch) | |
| tree | 683e79c48cda177224748243ea5e72d58eabb2d1 /src/client/views/collections/CollectionSchemaView.tsx | |
| parent | 3033e4d5f26bbdb808c1a88d1ecabb57b2acade4 (diff) | |
more css playing. moved NodeView to DocumentView.scss
Diffstat (limited to 'src/client/views/collections/CollectionSchemaView.tsx')
| -rw-r--r-- | src/client/views/collections/CollectionSchemaView.tsx | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/src/client/views/collections/CollectionSchemaView.tsx b/src/client/views/collections/CollectionSchemaView.tsx index b6bdccaa9..1d045ac78 100644 --- a/src/client/views/collections/CollectionSchemaView.tsx +++ b/src/client/views/collections/CollectionSchemaView.tsx @@ -7,7 +7,7 @@ import { observable, action, computed } from "mobx"; import SplitPane from "react-split-pane" import "./CollectionSchemaView.scss" import { ScrollBox } from "../../util/ScrollBox"; -import { CollectionViewBase } from "./CollectionViewBase"; +import { CollectionViewBase, COLLECTION_BORDER_WIDTH } from "./CollectionViewBase"; import { DocumentView } from "../nodes/DocumentView"; import { EditableView } from "../EditableView"; import { CompileScript, ToField } from "../../util/Scripting"; @@ -116,8 +116,12 @@ export class CollectionSchemaView extends CollectionViewBase { content = <div /> } return ( - <div onPointerDown={this.onPointerDown} className="collectionSchemaView-container"> - <SplitPane split={"vertical"} defaultSize="60%"> + <div onPointerDown={this.onPointerDown} className="collectionSchemaView-container" + style={{ + borderWidth: `${COLLECTION_BORDER_WIDTH}px`, + }} + > + <SplitPane split={"vertical"} defaultSize="60%" style={{ position: "relative", overflow: "none" }}> <ScrollBox> <ReactTable data={children} @@ -126,7 +130,8 @@ export class CollectionSchemaView extends CollectionViewBase { showPagination={false} style={{ display: "inline-block", - width: "100%" + width: "100%", + postion: "absolute" }} columns={columns.map(col => { return ( |