diff options
| author | Lauren Choi <laurenchoi@gmail.com> | 2021-11-18 11:42:24 -0500 |
|---|---|---|
| committer | Lauren Choi <laurenchoi@gmail.com> | 2021-11-18 11:42:24 -0500 |
| commit | d94a9f8500e832a853ffb344acac4d5ec4b5e5d3 (patch) | |
| tree | 2dcbf3e917c5d5b9616fb4296b9feebb215fa225 /src | |
| parent | dc66d6b71bb723df43a2bbc4cd0611fdcc6fe886 (diff) | |
change arrow color
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/collections/collectionFreeForm/CollectionFreeFormLinkView.tsx | 38 |
1 files changed, 19 insertions, 19 deletions
diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormLinkView.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormLinkView.tsx index f2e33cf23..a9a997853 100644 --- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormLinkView.tsx +++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormLinkView.tsx @@ -154,24 +154,24 @@ export class CollectionFreeFormLinkView extends React.Component<CollectionFreeFo this.toggleProperties() } - componentToHex = (c: number) => { - let hex = c.toString(16); - return hex.length == 1 ? "0" + hex : hex; - } + // componentToHex = (c: number) => { + // let hex = c.toString(16); + // return hex.length == 1 ? "0" + hex : hex; + // } - rgbToHex = (rgbString: string) => { - if (rgbString != "black") { - const splitString = rgbString.split(/rgb|\(|\)|,| /) - let values: number[] = [] - splitString.forEach(elt => { - if (elt) { - values.push(parseInt(elt)) - } - }) - return "#" + this.componentToHex(values[0]) + this.componentToHex(values[1]) + this.componentToHex(values[2]); - } - return "#000000" - } + // rgbToHex = (rgbString: string) => { + // if (rgbString != "black") { + // const splitString = rgbString.split(/rgb|\(|\)|,| /) + // let values: number[] = [] + // splitString.forEach(elt => { + // if (elt) { + // values.push(parseInt(elt)) + // } + // }) + // return "#" + this.componentToHex(values[0]) + this.componentToHex(values[1]) + this.componentToHex(values[2]); + // } + // return "#000000" + // } @computed.struct get renderData() { this._start; SnappingManager.GetIsDragging(); @@ -227,7 +227,7 @@ export class CollectionFreeFormLinkView extends React.Component<CollectionFreeFo //access stroke color using index of the relationship in the color list (default black) const stroke = currRelationshipIndex === -1 || currRelationshipIndex >= linkColorList.length ? "black" : linkColorList[currRelationshipIndex]; - const hexStroke = this.rgbToHex(stroke) + // const hexStroke = this.rgbToHex(stroke) //calculate stroke width/thickness based on the relative importance of the relationshipship (i.e. how many links the relationship has) //thickness varies linearly from 3px to 12px for increasing link count @@ -241,7 +241,7 @@ export class CollectionFreeFormLinkView extends React.Component<CollectionFreeFo <defs> <marker id="arrowhead" markerWidth="4" markerHeight="3" refX="0" refY="1.5" orient="auto"> - <polygon points="0 0, 3 1.5, 0 3" fill={hexStroke} /> + <polygon points="0 0, 3 1.5, 0 3" fill={Colors.DARK_GRAY} /> </marker> </defs> <path className="collectionfreeformlinkview-linkLine" style={{ pointerEvents: "all", opacity: this._opacity, stroke: SelectionManager.SelectedSchemaDoc() === this.props.LinkDocs[0] ? Colors.MEDIUM_BLUE : stroke, strokeWidth }} |