open-nomad/ui/app/styles/charts/topo-viz.scss
2020-10-15 02:54:15 -07:00

36 lines
598 B
SCSS

.topo-viz {
.topo-viz-datacenters {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: space-between;
margin-top: -0.75em;
.topo-viz-datacenter {
margin-top: 0.75em;
margin-bottom: 0.75em;
width: calc(50% - 0.75em);
}
}
&.is-single-column .topo-viz-datacenter {
width: 100%;
}
.topo-viz-edges {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
pointer-events: none;
overflow: visible;
.edge {
stroke-width: 2;
stroke: $blue;
fill: none;
}
}
}