From 8a2abbcc51e42dd48f0b510b9f5790cb44450e48 Mon Sep 17 00:00:00 2001
From: Bob Zeleznik <zzzman@gmail.com>
Date: Thu, 21 May 2020 12:06:38 -0400
Subject: fixed backgroundcolor of comparisonbox

---
 src/client/views/nodes/ComparisonBox.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/client/views/nodes/ComparisonBox.tsx')

diff --git a/src/client/views/nodes/ComparisonBox.tsx b/src/client/views/nodes/ComparisonBox.tsx
index 1ed381058..a14e39bd6 100644
--- a/src/client/views/nodes/ComparisonBox.tsx
+++ b/src/client/views/nodes/ComparisonBox.tsx
@@ -7,7 +7,7 @@ import { observer } from "mobx-react";
 import { Doc, Opt } from '../../../fields/Doc';
 import { documentSchema } from '../../../fields/documentSchemas';
 import { createSchema, makeInterface } from '../../../fields/Schema';
-import { NumCast, Cast } from '../../../fields/Types';
+import { NumCast, Cast, StrCast } from '../../../fields/Types';
 import { DragManager } from '../../util/DragManager';
 import { ViewBoxAnnotatableComponent } from '../DocComponent';
 import { FieldView, FieldViewProps } from './FieldView';
@@ -104,7 +104,7 @@ export class ComparisonBox extends ViewBoxAnnotatableComponent<FieldViewProps, C
                     ref={ele => this._afterDropDisposer = this.createDropTarget(ele, "afterDoc", this._afterDropDisposer)} >
                     {displayDoc("after")}
                 </div>
-                <div className="clip-div" style={{ width: clipWidth, transition: this._animating, background: "gray" }}>
+                <div className="clip-div" style={{ width: clipWidth, transition: this._animating, background: StrCast(this.layoutDoc._backgroundColor, "gray") }}>
                     <div className="beforeBox-cont" key={"before"} style={{ width: this.props.PanelWidth() }}
                         onPointerDown={e => this.registerSliding(e, 5)}
                         ref={ele => this._beforeDropDisposer = this.createDropTarget(ele, "beforeDoc", this._beforeDropDisposer)} >
-- 
cgit v1.2.3-70-g09d2

