|
|
|
@ -10,7 +10,7 @@ import { EntityStore } from '../../Store/EntityStore';
|
|
|
|
|
export const ColorItem = (props: { className: string, text: string, style?: React.CSSProperties, value?: number; }) =>
|
|
|
|
|
<li value={props.value}>
|
|
|
|
|
<i style={props.style} className={props.className}></i>
|
|
|
|
|
<span>{props.text}</span>
|
|
|
|
|
<span style={{ pointerEvents: "none" }}>{props.text}</span>
|
|
|
|
|
</li>;
|
|
|
|
|
|
|
|
|
|
export const ColorStyle: [string, number][] = [
|
|
|
|
@ -98,7 +98,7 @@ export class ColorModal extends React.Component<{ store?: EntityStore; }, {}>
|
|
|
|
|
>
|
|
|
|
|
<ColorItem
|
|
|
|
|
style={
|
|
|
|
|
store.colorSet.size > 1 ? null : { background: ColorMaterial.GetColor(store.colorIndex).getStyle() }
|
|
|
|
|
store.colorSet.size > 1 ? null : { background: ColorMaterial.GetColor(store.colorIndex).getStyle(), pointerEvents: "none" }
|
|
|
|
|
}
|
|
|
|
|
className="i-color"
|
|
|
|
|
text={store.colorIndex <= 7 ? ColorStyle[store.colorIndex][0] : store.colorIndex.toString()}
|
|
|
|
@ -125,7 +125,7 @@ export class ColorModal extends React.Component<{ store?: EntityStore; }, {}>
|
|
|
|
|
<ColorItem
|
|
|
|
|
key={color}
|
|
|
|
|
style={
|
|
|
|
|
{ background: ColorMaterial.GetColor(color).getStyle() }
|
|
|
|
|
{ background: ColorMaterial.GetColor(color).getStyle(), pointerEvents: "none" }
|
|
|
|
|
}
|
|
|
|
|
value={color}
|
|
|
|
|
className="i-color"
|
|
|
|
|