resources/scss/d3/_forceDirectedGraph.scss

   1 /**
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017 Amdocs
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  *       http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END=========================================================
  20  *
  21  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  22  */
  23
  24 .ts-force-selected-graph {
  25   padding: 0px;
  26   -webkit-user-select: none;  /* Chrome all / Safari all */
  27   -moz-user-select: none;     /* Firefox all */
  28   -ms-user-select: none;      /* IE 10+ */
  29   user-select: none;          /* Likely future */
  30 }
  31
  32 .aai-entity-node{
  33   font-family: $base-font-regular;
  34   font-size: $body-font-4;
  35   line-height: $body-font-2;
  36   text-anchor: middle;
  37 }
  38
  39 .aai-entity-node > .id-type-label {
  40   fill: $text-color1;
  41   font-weight: bold;
  42 }
  43
  44 .aai-entity-node > .id-value-label {
  45   fill: $background-color2;
  46 }
  47
  48 .aai-entity-link {
  49   stroke: $graph-border-color4;
  50   stroke-width: 2px;
  51 }
  52
  53 .general-node > .inner {
  54   fill: $background-color2;
  55 }
  56
  57 .general-node > .outer {
  58   fill: $graph-background-color3;
  59   stroke: $graph-border-color2;
  60   stroke-width: 2px;
  61 }
  62
  63 .search-node > .inner {
  64   fill: $graph-background-color1;
  65 }
  66
  67 .search-node > .outer {
  68   fill: $graph-background-color3;
  69   stroke: $graph-border-color2;
  70   stroke-width: 2px;
  71 }
  72
  73 .selected-node > .inner {
  74   fill: $graph-background-color1;
  75 }
  76
  77 .selected-node > .outer {
  78   fill: $graph-background-color4;
  79   stroke: $graph-border-color2;
  80   stroke-width: 3px;
  81   filter: url(#selected-node-drop-shadow);
  82 }
  83
  84 .selected-search-node > .inner {
  85   fill: $border-color3;
  86 }
  87
  88 .selected-search-node > .outer {
  89   fill: $graph-background-color4;
  90   stroke: $graph-border-color2;
  91   stroke-width: 3px;
  92   filter: url(#selected-node-drop-shadow);
  93 }
  94
  95 @-moz-document url-prefix() {
  96   .selected-search-node > .outer {
  97     fill: $graph-background-color4;
  98     stroke: $graph-border-color2;
  99     stroke-width: 3px;
 100     filter: drop-shadow(-1px 1px 3px rgba(0,0,0,0.5));
 101   }
 102
 103   .selected-node > .outer {
 104     fill: $graph-background-color4;
 105     stroke: $graph-border-color2;
 106     stroke-width: 3px;
 107     filter: drop-shadow(-1px 1px 3px rgba(0,0,0,0.5));
 108   }
 109 }
 110
 111 .background-unselected {
 112   fill: $background-color2;
 113 }
 114
 115 .background-selected {
 116   fill: $graph-border-color2;
 117 }
 118
 119 .ellipses-ellipse {
 120   fill: $graph-background-color3;
 121 }
 122
 123 .triangle-warning {
 124   fill: $graph-background-color3;
 125   fill-rule: evenodd;
 126 }
 127
 128 .icon_tick_circle{
 129   fill: $graph-background-color5;
 130 }
 131
 132 .icon_tick_path {
 133   fill-rule: evenodd;
 134   fill: $graph-background-color3;
 135   stroke: $graph-border-color3;
 136   strokeWidth: 0.8;
 137 }
 138
 139 .icon_warning_circle{
 140   fill: $red;
 141 }
 142
 143 .icon_warning_path {
 144   fill-rule: evenodd;
 145   fill: $graph-background-color3;
 146   stroke: $graph-border-color3;
 147   strokeWidth: 0.5;
 148 }