diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/CollectionMulticolumnView.scss | 3 | ||||
| -rw-r--r-- | src/client/views/CollectionMulticolumnView.tsx | 28 |
2 files changed, 27 insertions, 4 deletions
diff --git a/src/client/views/CollectionMulticolumnView.scss b/src/client/views/CollectionMulticolumnView.scss index 8c4410f01..120603a0b 100644 --- a/src/client/views/CollectionMulticolumnView.scss +++ b/src/client/views/CollectionMulticolumnView.scss @@ -15,10 +15,9 @@ } - .spacer { + .resizer { background: black; cursor: ew-resize; - opacity: 0.2; } }
\ No newline at end of file diff --git a/src/client/views/CollectionMulticolumnView.tsx b/src/client/views/CollectionMulticolumnView.tsx index 20923d8e6..0b2ca82f1 100644 --- a/src/client/views/CollectionMulticolumnView.tsx +++ b/src/client/views/CollectionMulticolumnView.tsx @@ -228,6 +228,27 @@ class ResizeBar extends React.Component<SpacerProps> { } } + private get opacity() { + const { toLeft, toRight } = this.props; + if (toLeft && toRight) { + if (StrCast(toLeft.widthUnit) === "px" && StrCast(toRight.widthUnit) === "px") { + return 0; + } + return 0.4; + } else if (toLeft) { + if (StrCast(toLeft.widthUnit) === "px") { + return 0; + } + return 0.4; + } else if (toRight) { + if (StrCast(toRight.widthUnit) === "px") { + return 0; + } + return 0.4; + } + return 0; + } + private onPointerUp = () => { window.removeEventListener("pointermove", this.onPointerMove); window.removeEventListener("pointerup", this.onPointerUp); @@ -236,8 +257,11 @@ class ResizeBar extends React.Component<SpacerProps> { render() { return ( <div - className={"spacer"} - style={{ width: this.props.width }} + className={"resizer"} + style={{ + width: this.props.width, + opacity: this.opacity + }} onPointerDown={this.registerResizing} /> ); |