openecomp-ui/resources/scss/components/_tree.scss

   1 .tree-view {
   2     overflow: hidden;
   3
   4     &.scrollable {
   5         overflow: auto;
   6     }
   7
   8     .node {
   9         text-shadow: none;
  10         stroke: none;
  11
  12         .outer-circle {
  13             stroke: $blue;
  14             stroke-width: 2px;
  15             fill: $white;
  16         }
  17
  18         .inner-circle {
  19             fill: $blue;
  20         }
  21
  22         text {
  23             text-anchor: end;
  24             @extend .body-2-semibold;
  25             fill: $blue;
  26         }
  27
  28         &.clickable {
  29             cursor: pointer;
  30         }
  31
  32         &.selectedNode {
  33             .outer-circle {
  34                 fill: $blue;
  35             }
  36
  37             .inner-circle {
  38                 fill: $blue;
  39             }
  40
  41             text {
  42                 fill: $blue;
  43             }
  44         }
  45     }
  46
  47     .link {
  48         fill: none;
  49         stroke: $dark-gray;
  50         stroke-opacity: 0.4;
  51         stroke-width: 1.5px;
  52     }
  53 }