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 (
|
||||
<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}>
|
||||
{[
|
||||
'Arial',
|
||||
|
@ -57,6 +57,7 @@ class Relationship extends ConnectionLine {
|
||||
this._line.setIsDestControlPointCustom(false);
|
||||
this._line.setCursor('pointer');
|
||||
this._line.setStroke(1, 'solid', strokeColor);
|
||||
this._line.setFill('none', 1);
|
||||
this._line.setDashed(4, 2);
|
||||
this._line.setTestId(`${model.getFromNode()}-${model.getToNode()}-relationship`);
|
||||
|
||||
@ -67,6 +68,7 @@ class Relationship extends ConnectionLine {
|
||||
this._focusShape.setIsDestControlPointCustom(false);
|
||||
this._focusShape.setVisibility(true);
|
||||
this._focusShape.setOpacity(0);
|
||||
this._focusShape.setFill('none', 1);
|
||||
this._focusShape.setCursor('pointer');
|
||||
|
||||
// Build arrow ...
|
||||
|
Before Width: | Height: | Size: 81 KiB After Width: | Height: | Size: 89 KiB |
@ -97,13 +97,6 @@ class CurvedLinePeer extends ElementPeer {
|
||||
|
||||
setStrokeWidth(width) {
|
||||
this._style['stroke-width'] = width;
|
||||
this._updateStyle();
|
||||
}
|
||||
|
||||
setColor(color) {
|
||||
this._style.stroke = color;
|
||||
this._style.fill = color;
|
||||
this._updateStyle();
|
||||
}
|
||||
|
||||
updateLine(avoidControlPointFix) {
|
||||
@ -140,7 +133,6 @@ class CurvedLinePeer extends ElementPeer {
|
||||
this._fill = this._style.fill;
|
||||
this._style.fill = 'none';
|
||||
}
|
||||
this._updateStyle();
|
||||
this.updateLine();
|
||||
}
|
||||
|
||||
@ -166,16 +158,6 @@ class CurvedLinePeer extends ElementPeer {
|
||||
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) {
|
||||
const y = srcPos.y - tarPos.y;
|
||||
const x = srcPos.x - tarPos.x;
|
||||
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |