summaryrefslogtreecommitdiffstats
path: root/resources/scss/d3/_forceDirectedGraph.scss
diff options
context:
space:
mode:
authorShawn Severin <shawn.severin@amdocs.com>2017-12-20 16:27:35 -0500
committerShawn Severin <shawn.severin@amdocs.com>2017-12-21 15:29:08 -0500
commitbca1bdc7d52b01ede5c0e85f06cd6c64e5aaab57 (patch)
tree846b787ece0982ebc2419e4600e6ecd3329a625a /resources/scss/d3/_forceDirectedGraph.scss
parentd4fd54113808e9efa637719719b2831e0597996e (diff)
Updating versions of Sparky FE files
Updating versions of Sparky FE files as previous ones were out-dated Issue-ID: AAI-543 Change-Id: Idc7d09e0efabaa5ef82db126cf7563fc8370f4f9 Signed-off-by: Shawn Severin <shawn.severin@amdocs.com>
Diffstat (limited to 'resources/scss/d3/_forceDirectedGraph.scss')
-rw-r--r--resources/scss/d3/_forceDirectedGraph.scss65
1 files changed, 32 insertions, 33 deletions
diff --git a/resources/scss/d3/_forceDirectedGraph.scss b/resources/scss/d3/_forceDirectedGraph.scss
index 1bb1c69..e08d576 100644
--- a/resources/scss/d3/_forceDirectedGraph.scss
+++ b/resources/scss/d3/_forceDirectedGraph.scss
@@ -21,7 +21,6 @@
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
-
.ts-force-selected-graph {
padding: 0px;
-webkit-user-select: none; /* Chrome all / Safari all */
@@ -31,119 +30,119 @@
}
.aai-entity-node{
- font-family: Arial;
- font-size: 12px;
- line-height: 14px;
+ font-family: $base-font-regular;
+ font-size: $body-font-4;
+ line-height: $body-font-2;
text-anchor: middle;
}
.aai-entity-node > .id-type-label {
- fill:#404f5a;
+ fill: $text-color1;
font-weight: bold;
}
.aai-entity-node > .id-value-label {
- fill:#8b9399;
+ fill: $background-color2;
}
.aai-entity-link {
- stroke: #d9dada;
+ stroke: $graph-border-color4;
stroke-width: 2px;
}
.general-node > .inner {
- fill: #626668;
+ fill: $background-color2;
}
.general-node > .outer {
- fill: #ffffff;
- stroke: #009fdb;
+ fill: $graph-background-color3;
+ stroke: $graph-border-color2;
stroke-width: 2px;
}
.search-node > .inner {
- fill: #009fdb;
+ fill: $graph-background-color1;
}
.search-node > .outer {
- fill: #ffffff;
- stroke: #009fdb;
+ fill: $graph-background-color3;
+ stroke: $graph-border-color2;
stroke-width: 2px;
}
.selected-node > .inner {
- fill: #626668;
+ fill: $graph-background-color1;
}
.selected-node > .outer {
- fill: #d9dada;
- stroke: #009fdb;
+ fill: $graph-background-color4;
+ stroke: $graph-border-color2;
stroke-width: 3px;
filter: url(#selected-node-drop-shadow);
}
.selected-search-node > .inner {
- fill: #009fdb;
+ fill: $border-color3;
}
.selected-search-node > .outer {
- fill: #d9dada;
- stroke: #009fdb;
+ fill: $graph-background-color4;
+ stroke: $graph-border-color2;
stroke-width: 3px;
filter: url(#selected-node-drop-shadow);
}
@-moz-document url-prefix() {
.selected-search-node > .outer {
- fill: #d9dada;
- stroke: #009fdb;
+ fill: $graph-background-color4;
+ stroke: $graph-border-color2;
stroke-width: 3px;
filter: drop-shadow(-1px 1px 3px rgba(0,0,0,0.5));
}
.selected-node > .outer {
- fill: #d9dada;
- stroke: #009fdb;
+ fill: $graph-background-color4;
+ stroke: $graph-border-color2;
stroke-width: 3px;
filter: drop-shadow(-1px 1px 3px rgba(0,0,0,0.5));
}
}
.background-unselected {
- fill: #626668;
+ fill: $background-color2;
}
.background-selected {
- fill: #009fdb;
+ fill: $graph-border-color2;
}
.ellipses-ellipse {
- fill: #FFFFFF;
+ fill: $graph-background-color3;
}
.triangle-warning {
- fill: #FFFFFF;
+ fill: $graph-background-color3;
fill-rule: evenodd;
}
.icon_tick_circle{
- fill: #9DC742;
+ fill: $graph-background-color5;
}
.icon_tick_path {
fill-rule: evenodd;
- fill: #FFFFFF;
- stroke: #FFFFFF;
+ fill: $graph-background-color3;
+ stroke: $graph-border-color3;
strokeWidth: 0.8;
}
.icon_warning_circle{
- fill: #FF0000;
+ fill: $red;
}
.icon_warning_path {
fill-rule: evenodd;
- fill: #FFFFFF;
- stroke: #FFFFFF;
+ fill: $graph-background-color3;
+ stroke: $graph-border-color3;
strokeWidth: 0.5;
}