From 2706f80b352e8a4fba692a9ad0b69ea2a7e25c2d Mon Sep 17 00:00:00 2001
From: Sam Wilkins <samwilkins333@gmail.com>
Date: Fri, 17 Jan 2020 01:25:02 -0500
Subject: opacity

---
 src/client/views/CollectionMulticolumnView.scss |  3 +--
 src/client/views/CollectionMulticolumnView.tsx  | 28 +++++++++++++++++++++++--
 2 files changed, 27 insertions(+), 4 deletions(-)

(limited to 'src')

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}
             />
         );
-- 
cgit v1.2.3-70-g09d2