74 lines
1.1 KiB
SCSS
74 lines
1.1 KiB
SCSS
.project-network {
|
|
border: 1px solid $border-color;
|
|
|
|
.controls {
|
|
color: $project-network-controls-color;
|
|
font-size: 14px;
|
|
padding: 5px;
|
|
border-bottom: 1px solid $border-color;
|
|
background: $gray-darker;
|
|
}
|
|
|
|
.network-graph {
|
|
background: $white;
|
|
height: 500px;
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
}
|
|
}
|
|
|
|
.svg-graph-container {
|
|
width: 100%;
|
|
|
|
.axis-tick {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.tick-text {
|
|
fill: $gl-text-color-secondary;
|
|
}
|
|
|
|
.x-axis-text {
|
|
fill: $gray-900;
|
|
}
|
|
|
|
.bar-rect {
|
|
fill: rgba($blue-500, 0.1);
|
|
stroke: $blue-500;
|
|
}
|
|
|
|
.bar-rect:hover {
|
|
fill: rgba($blue-700, 0.3);
|
|
}
|
|
|
|
.y-axis-label {
|
|
line {
|
|
stroke: $gray-300;
|
|
}
|
|
|
|
text {
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
fill: $gray-700;
|
|
}
|
|
}
|
|
}
|
|
|
|
.svg-graph-container-with-grab {
|
|
cursor: grab;
|
|
}
|
|
|
|
.svg-graph-container-grabbed {
|
|
cursor: grabbing;
|
|
}
|
|
|
|
@keyframes flickerAnimation {
|
|
0% { opacity: 1; }
|
|
50% { opacity: 0; }
|
|
100% { opacity: 1; }
|
|
}
|
|
|
|
.animate-flicker {
|
|
animation: flickerAnimation 1.5s infinite;
|
|
fill: $gray-300;
|
|
}
|