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