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

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