diff options
| -rw-r--r-- | src/client/views/collections/CollectionNoteTakingView.tsx | 19 | ||||
| -rw-r--r-- | src/client/views/collections/CollectionNoteTakingViewFieldColumn.tsx | 6 |
2 files changed, 14 insertions, 11 deletions
diff --git a/src/client/views/collections/CollectionNoteTakingView.tsx b/src/client/views/collections/CollectionNoteTakingView.tsx index 5435650b4..785732659 100644 --- a/src/client/views/collections/CollectionNoteTakingView.tsx +++ b/src/client/views/collections/CollectionNoteTakingView.tsx @@ -352,7 +352,7 @@ export class CollectionNoteTakingView extends CollectionSubView<Partial<collecti resizeColumns = (n: number) => { //TODO: that isn't the proper width of columns const totalWidth = this.PanelWidth - const dividerWidth = 70 + const dividerWidth = 32 const totaldividerWidth = (n - 1) * dividerWidth const colWidth = (totalWidth - totaldividerWidth) / n const newColXCoords: number[] = [] @@ -362,7 +362,7 @@ export class CollectionNoteTakingView extends CollectionSubView<Partial<collecti colStart += colWidth + dividerWidth } this.columnStartXCoords = newColXCoords - console.log(newColXCoords) + // console.log(newColXCoords) } // TODO: This is where you want to create a copy of the document to take its place @@ -659,15 +659,18 @@ export class CollectionNoteTakingView extends CollectionSubView<Partial<collecti //TODO make this look pretty if (i < sections.length - 1) { eles.push( - <div className="columnDivider" onPointerOver={e => this.onDividerPointerOver(e, i)} key={i} + <div style={{display: "flex", alignItems: "center", cursor: "col-resize"}}> + <div className="columnDivider" onPointerOver={e => this.onDividerPointerOver(e, i)} key={i} style={{ - height: "100%", - width: 50, - padding: `0 10 10 0`, - margin: "auto", - backgroundColor: "black" + height: "95%", + width: 12, + borderRight: "4px solid #282828", + borderLeft: "4px solid #282828", + margin: "0px 10px" }} /> + </div> + ) } } diff --git a/src/client/views/collections/CollectionNoteTakingViewFieldColumn.tsx b/src/client/views/collections/CollectionNoteTakingViewFieldColumn.tsx index 55cfa3348..1167a0ea8 100644 --- a/src/client/views/collections/CollectionNoteTakingViewFieldColumn.tsx +++ b/src/client/views/collections/CollectionNoteTakingViewFieldColumn.tsx @@ -70,7 +70,7 @@ export class CollectionNoteTakingViewFieldColumn extends React.Component<CSVFiel } const endColValue = i == this.props.numGroupColumns - 1 ? this.props.PanelWidth : this.props.columnStartXCoords[i+1] // TODO make the math work here. 35 is half of 70, which is the current width of the divider - return endColValue - this.props.columnStartXCoords[i] - 35 + return endColValue - this.props.columnStartXCoords[i] - 30 } private dropDisposer?: DragManager.DragDropDisposer; @@ -246,7 +246,7 @@ export class CollectionNoteTakingViewFieldColumn extends React.Component<CSVFiel marginTop: 2 * this.props.yMargin, // width: (this.props.columnWidth) / // ((uniqueHeadings.length) || 1) - width: this.columnWidth + width: this.columnWidth - 20 }}> <div className="collectionNoteTakingView-sectionHeader-subCont" onPointerDown={this.headerDown} title={evContents === `No Value` ? @@ -283,7 +283,7 @@ export class CollectionNoteTakingViewFieldColumn extends React.Component<CSVFiel {!this.props.chromeHidden && type !== DocumentType.PRES ? <div className="collectionNoteTakingView-DocumentButtons" // style={{ width: this.props.columnWidth / this.props.numGroupColumns, marginBottom: 10 }}> - style={{ width: this.columnWidth, marginBottom: 10 }}> + style={{ width: this.columnWidth - 20, marginBottom: 10 }}> <div key={`${heading}-add-document`} className="collectionNoteTakingView-addDocumentButton"> <EditableView GetValue={returnEmptyString} |