better selection in visualizer (#804)

openziti · Dec 17, 2024 · 6dca3bb · 6dca3bb
1 parent e17b4bd
commit 6dca3bb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 10 deletions.
diff --git a/ui100/src/ApiConsole.tsx b/ui100/src/ApiConsole.tsx
@@ -1,12 +1,6 @@
 import {useEffect, useRef, useState} from "react";
-import {Configuration, MetadataApi, Overview} from "./api";
-import {
-    buildVisualOverview,
-    mergeVisualOverview,
-    nodesEqual,
-    VisualOverview,
-    visualOverviewsEqual
-} from "./model/visualizer.ts";
+import {Configuration, MetadataApi} from "./api";
+import {mergeVisualOverview, nodesEqual, VisualOverview} from "./model/visualizer.ts";
 import {Box} from "@mui/material";
 import NavBar from "./NavBar.tsx";
 import {User} from "./model/user.ts";

diff --git a/ui100/src/react-flow.css b/ui100/src/react-flow.css
@@ -2,13 +2,16 @@
     font-family: "Poppins", sans-serif;
     font-size: 0.6em;
     color: white;
-    border: 1px solid #241775;
+    border: 2px solid white;
     border-radius: 10px;
     background-color: #241775;
     text-color: white;
 }
 .react-flow__node.selected {
-    border: 1px solid #9bf316;
+    color: black;
+    background-color: #9bf316;
+    border: 2px solid #241775;
+    font-weight: bold;
 }
 .react-flow__handle {
     background-color: #9bf316;