From 2eb0b50eccdf299f89e4cfab7a4cdcd64b7e170c Mon Sep 17 00:00:00 2001
From: luna215 <paulluna0215@gmail.com>
Date: Fri, 30 Nov 2018 11:47:55 -0800
Subject: [PATCH] fixed lingrad

---
 src/mol-plugin/ui/controls/parameters.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/mol-plugin/ui/controls/parameters.tsx b/src/mol-plugin/ui/controls/parameters.tsx
index 6e6e43ad1..c6a3d6332 100644
--- a/src/mol-plugin/ui/controls/parameters.tsx
+++ b/src/mol-plugin/ui/controls/parameters.tsx
@@ -260,9 +260,9 @@ export class ColorControl extends SimpleParam<PD.Color> {
 export class ColorScaleControl extends SimpleParam<PD.ColorScale<any>> {
     onChange = (e: React.ChangeEvent<HTMLSelectElement>) => { this.update(e.target.value); }
     renderControl() {
-        return <select value={this.props.value || ''} onChange={this.onChange} disabled={this.props.isDisabled}>
+        return <select value={this.props.value || ''} onChange={this.onChange} disabled={this.props.isDisabled} style={{background: `linear-gradient(to right, ${getColorListFromName(this.props.value).map(c => Color.toStyle(c)).join(', ')})`}}>
             {this.props.param.options.map(([value, label]) => 
-                <option key={value} value={value} style={{background: `linear-gradient(to right, ${getColorListFromName(value).map(c => Color.toStyle(c)).join(', ')})`}}>
+                <option key={value} value={value}>
                     {label}
                 </option>)}
         </select>;
-- 
GitLab