Graph functionality op basis van Cytoscape.js

2026-08-14 23:30:48 +02:00
parent c54216fae2
commit caa16a0ce8
5 changed files with 211 additions and 3 deletions
@@ -966,3 +966,51 @@ body.editor-mode .editor-metadata-row {
    background: white;
  }
 }
+
+
+/* Wiki graph ------------------------------------------------------------- */
+#graph-view {
+  max-width: 1100px;
+}
+
+.wiki-graph-shell {
+  margin-top: 18px;
+  border: 1px solid var(--wiki-border);
+  background: #fafafa;
+  overflow: auto;
+}
+
+.wiki-graph {
+  display: block;
+  width: 100%;
+  min-width: 720px;
+  min-height: 520px;
+}
+
+.wiki-graph-edges line {
+  stroke: #b8b8b8;
+  stroke-width: 1.4;
+}
+
+.wiki-graph-node {
+  cursor: pointer;
+  outline: none;
+}
+
+.wiki-graph-node circle {
+  fill: #46639b;
+  stroke: white;
+  stroke-width: 2;
+}
+
+.wiki-graph-node text {
+  fill: var(--wiki-text);
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 14px;
+}
+
+.wiki-graph-node:hover circle,
+.wiki-graph-node:focus circle {
+  fill: #1e2f6d;
+  stroke: #1e2f6d;
+}