You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
1.6 KiB
84 lines
1.6 KiB
.container {
|
|
|
|
position: relative;
|
|
display: flex;
|
|
flex: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
.flowChart {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.miniMap {
|
|
position: absolute;
|
|
right: 40px;
|
|
bottom: 40px;
|
|
|
|
:global {
|
|
.x6-widget-minimap-viewport {
|
|
border: 1px solid #E0E0E0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.contextMenu {
|
|
z-index: 1003;
|
|
position: fixed;
|
|
min-width: 200px;
|
|
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05) !important;
|
|
}
|
|
}
|
|
|
|
// add global for x6
|
|
:global {
|
|
.x6-widget-transform{
|
|
border-color:rgba(0, 0, 0, 0.3);
|
|
border-style: dashed;
|
|
background-color: rgba(0, 0, 0, 0.14);
|
|
border-radius: 0;
|
|
padding: 6px;
|
|
margin: -7px 0 0 -7px;
|
|
.x6-widget-transform-resize{
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 0;
|
|
border-color:rgba(0, 0, 0, 0.3);
|
|
// border: 0 none;
|
|
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
|
|
}
|
|
.x6-widget-transform-cursor-nw{
|
|
top: -6px;
|
|
left: -6px;
|
|
}
|
|
.x6-widget-transform-cursor-n{
|
|
margin-left: -3px;
|
|
top: -6px;
|
|
}
|
|
.x6-widget-transform-cursor-ne{
|
|
top: -6px;
|
|
right: -6px;
|
|
}
|
|
.x6-widget-transform-cursor-e{
|
|
margin-top: -3px;
|
|
right: -6px;
|
|
}
|
|
.x6-widget-transform-cursor-se{
|
|
right: -6px;
|
|
bottom: -6px;
|
|
}
|
|
.x6-widget-transform-cursor-s{
|
|
margin-left: -3px;
|
|
bottom: -6px;
|
|
}
|
|
.x6-widget-transform-cursor-sw{
|
|
left: -6px;
|
|
bottom: -6px;
|
|
}
|
|
.x6-widget-transform-cursor-w{
|
|
left: -6px;
|
|
margin-top: -3px;
|
|
}
|
|
}
|
|
}
|