Reduce selector combo size.
Before Width: | Height: | Size: 90 KiB After Width: | Height: | Size: 85 KiB |
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 101 KiB After Width: | Height: | Size: 102 KiB |
Before Width: | Height: | Size: 94 KiB After Width: | Height: | Size: 95 KiB |
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 95 KiB After Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 101 KiB After Width: | Height: | Size: 101 KiB |
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 97 KiB |
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 94 KiB |
Before Width: | Height: | Size: 101 KiB After Width: | Height: | Size: 100 KiB |
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 96 KiB |
@ -37,7 +37,7 @@ const FontFamilySelect = (props: { fontFamilyModel: NodeProperty<string> }): Rea
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Box sx={{ minWidth: 120 }}>
|
<Box sx={{ minWidth: 120 }}>
|
||||||
<FormControl variant="standard" sx={{ m: 1, minWidth: 220 }} size="small">
|
<FormControl variant="standard" sx={{ m: 1 }} size="small">
|
||||||
<Select id="demo-simple-select" value={font || ''} onChange={handleChange}>
|
<Select id="demo-simple-select" value={font || ''} onChange={handleChange}>
|
||||||
{[
|
{[
|
||||||
'Arial',
|
'Arial',
|
||||||
|
@ -57,6 +57,7 @@ class Relationship extends ConnectionLine {
|
|||||||
this._line.setIsDestControlPointCustom(false);
|
this._line.setIsDestControlPointCustom(false);
|
||||||
this._line.setCursor('pointer');
|
this._line.setCursor('pointer');
|
||||||
this._line.setStroke(1, 'solid', strokeColor);
|
this._line.setStroke(1, 'solid', strokeColor);
|
||||||
|
this._line.setFill('none', 1);
|
||||||
this._line.setDashed(4, 2);
|
this._line.setDashed(4, 2);
|
||||||
this._line.setTestId(`${model.getFromNode()}-${model.getToNode()}-relationship`);
|
this._line.setTestId(`${model.getFromNode()}-${model.getToNode()}-relationship`);
|
||||||
|
|
||||||
@ -67,6 +68,7 @@ class Relationship extends ConnectionLine {
|
|||||||
this._focusShape.setIsDestControlPointCustom(false);
|
this._focusShape.setIsDestControlPointCustom(false);
|
||||||
this._focusShape.setVisibility(true);
|
this._focusShape.setVisibility(true);
|
||||||
this._focusShape.setOpacity(0);
|
this._focusShape.setOpacity(0);
|
||||||
|
this._focusShape.setFill('none', 1);
|
||||||
this._focusShape.setCursor('pointer');
|
this._focusShape.setCursor('pointer');
|
||||||
|
|
||||||
// Build arrow ...
|
// Build arrow ...
|
||||||
|
Before Width: | Height: | Size: 81 KiB After Width: | Height: | Size: 89 KiB |
@ -97,13 +97,6 @@ class CurvedLinePeer extends ElementPeer {
|
|||||||
|
|
||||||
setStrokeWidth(width) {
|
setStrokeWidth(width) {
|
||||||
this._style['stroke-width'] = width;
|
this._style['stroke-width'] = width;
|
||||||
this._updateStyle();
|
|
||||||
}
|
|
||||||
|
|
||||||
setColor(color) {
|
|
||||||
this._style.stroke = color;
|
|
||||||
this._style.fill = color;
|
|
||||||
this._updateStyle();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
updateLine(avoidControlPointFix) {
|
updateLine(avoidControlPointFix) {
|
||||||
@ -140,7 +133,6 @@ class CurvedLinePeer extends ElementPeer {
|
|||||||
this._fill = this._style.fill;
|
this._fill = this._style.fill;
|
||||||
this._style.fill = 'none';
|
this._style.fill = 'none';
|
||||||
}
|
}
|
||||||
this._updateStyle();
|
|
||||||
this.updateLine();
|
this.updateLine();
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -166,16 +158,6 @@ class CurvedLinePeer extends ElementPeer {
|
|||||||
return `${x.toFixed(1)},${y.toFixed(1)} `;
|
return `${x.toFixed(1)},${y.toFixed(1)} `;
|
||||||
}
|
}
|
||||||
|
|
||||||
_updateStyle() {
|
|
||||||
let style = '';
|
|
||||||
for (const key in this._style) {
|
|
||||||
if (Object.prototype.hasOwnProperty.call(this._style, key)) {
|
|
||||||
style += `${key}:${this._style[key]} `;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this._native.setAttribute('style', style);
|
|
||||||
}
|
|
||||||
|
|
||||||
static _calculateDefaultControlPoints(srcPos, tarPos) {
|
static _calculateDefaultControlPoints(srcPos, tarPos) {
|
||||||
const y = srcPos.y - tarPos.y;
|
const y = srcPos.y - tarPos.y;
|
||||||
const x = srcPos.x - tarPos.x;
|
const x = srcPos.x - tarPos.x;
|
||||||
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |