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

.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;
}
}
}