feat:adjust edge and node active status style

antvis · Feb 10, 2021 · 3f4f370 · 3f4f370
1 parent 587b4ca
commit 3f4f370
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 6 deletions.
diff --git a/packages/graphin/src/theme/edge-style.ts b/packages/graphin/src/theme/edge-style.ts
@@ -68,15 +68,31 @@ const getEdgeStyleByTheme = (inputTheme: EdgeTheme) => {
         halo: {
           visible: true,
         },
-        keyShape: {
+        keyshape: {
           lineWidth: 2,
         },
       },
+      active: {
+        halo: {
+          visible: true,
+        },
+        keyshape: {
+          lineWidth: 2,
+        },
+      },
+      inactive: {
+        halo: {
+          visible: false,
+        },
+        keyshape: {
+          strokeOpacity: 0.1,
+        },
+      },
       disabled: {
         halo: {
           visible: false,
         },
-        keyShape: {
+        keyshape: {
           lineWidth: 0.5,
           stroke: Color.disabled,
         },

diff --git a/packages/graphin/src/theme/node-style.ts b/packages/graphin/src/theme/node-style.ts
@@ -99,14 +99,14 @@ const getNodeStyleByTheme = (inputNodeTheme: NodeTheme) => {
       active: {},
       inactive: {
         keyshape: {
-          fillOpacity: 0.2,
-          strokeOpacity: 0.2,
+          fillOpacity: 0.04,
+          strokeOpacity: 0.04,
         },
         icon: {
-          fillOpacity: 0.2,
+          fillOpacity: 0.04,
         },
         label: {
-          fillOpacity: 0.2,
+          fillOpacity: 0.04,
         },
       },
       disabled: {