137 lines
2 KiB
CSS
137 lines
2 KiB
CSS
.svgCanvas {
|
|
cursor: crosshair;
|
|
}
|
|
|
|
text, text.highlight {
|
|
user-select: none;
|
|
/* text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff; */
|
|
/* -webkit-text-stroke: 4px white; */
|
|
paint-order: stroke;
|
|
stroke: white;
|
|
stroke-width: 4px;
|
|
stroke-linecap: butt;
|
|
stroke-linejoin: miter;
|
|
stroke-opacity: 1;
|
|
fill-opacity:1;
|
|
/* font-weight: 800; */
|
|
}
|
|
|
|
text.highlight {
|
|
fill: green;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.selecting {
|
|
fill: rgba(0, 0, 255, 0.2);
|
|
stroke-width: 1px;
|
|
stroke:black;
|
|
stroke-dasharray: 7 6;
|
|
}
|
|
|
|
.rountangle {
|
|
fill: rgba(255, 255, 255, 255);
|
|
/* fill: none; */
|
|
stroke: black;
|
|
stroke-width: 2px;
|
|
}
|
|
|
|
.rountangle:hover {
|
|
/* fill: lightgrey; */
|
|
/* stroke-width: 4px; */
|
|
/* cursor: grab; */
|
|
}
|
|
|
|
.rountangle.dragging {
|
|
/* fill: lightgrey; */
|
|
/* stroke-width: 4px; */
|
|
cursor: grabbing;
|
|
}
|
|
|
|
.rountangle.selected {
|
|
fill: rgba(0, 0, 255, 0.2);
|
|
/* stroke: blue;
|
|
stroke-width: 4px; */
|
|
}
|
|
.rountangle.error {
|
|
stroke: rgb(230,0,0);
|
|
}
|
|
|
|
.selected:hover {
|
|
cursor: grab;
|
|
}
|
|
|
|
.lineHelper {
|
|
stroke: rgba(0, 0, 0, 0);
|
|
stroke-width: 16px;
|
|
}
|
|
.lineHelper:hover {
|
|
stroke: rgba(0, 255, 0, 0.2);
|
|
cursor: grab;
|
|
}
|
|
|
|
.circleHelper {
|
|
fill: rgba(0, 0, 0, 0);
|
|
}
|
|
.circleHelper:hover {
|
|
fill: rgba(0, 255, 0, 0.2);
|
|
cursor: grab;
|
|
}
|
|
|
|
.rountangle.or {
|
|
stroke-dasharray: 7 6;
|
|
}
|
|
|
|
.arrow {
|
|
stroke: black;
|
|
stroke-width: 2px;
|
|
}
|
|
.arrow.selected {
|
|
stroke: blue;
|
|
stroke-width: 3px;
|
|
}
|
|
|
|
/* .arrow.selected {
|
|
stroke: blue;
|
|
stroke-width: 4px;
|
|
} */
|
|
|
|
|
|
#arrowEnd {
|
|
fill: context-stroke;
|
|
}
|
|
|
|
.arrow:hover {
|
|
cursor: grab;
|
|
}
|
|
|
|
|
|
|
|
|
|
line.selected, circle.selected {
|
|
fill: rgba(0, 0, 255, 0.2);
|
|
/* stroke-dasharray: 7 6; */
|
|
stroke: blue;
|
|
stroke-width: 4px;
|
|
}
|
|
|
|
text.selected, text.selected:hover {
|
|
fill: blue;
|
|
font-weight: 600;
|
|
}
|
|
text:hover {
|
|
fill: darkcyan;
|
|
/* cursor: grab; */
|
|
}
|
|
|
|
.highlight {
|
|
stroke: green;
|
|
stroke-width: 3px;
|
|
}
|
|
|
|
.arrow.error {
|
|
stroke: rgb(230,0,0);
|
|
}
|
|
text.error, tspan.error {
|
|
fill: rgb(230,0,0);
|
|
font-weight: 600;
|
|
}
|