feat (ui): netwerk map functionaliteit verder uitgebreid met detail info per netwerk

2026-02-23 16:27:07 +01:00
parent 001b745e2f
commit 289d222707
3 changed files with 267 additions and 41 deletions
@@ -599,4 +599,41 @@ pre{
 }

 .graphDim{ opacity: 0.18; }
-.graphActive{ opacity: 1; stroke: rgba(255,255,255,0.55); stroke-width: 2; }
+.graphActive{ opacity: 1; stroke: rgba(255,255,255,0.55); stroke-width: 2; }
+
+/* ===== Netwerken detailpaneel ===== */
+.mapDetail{
+  margin-top: 10px;
+  padding: 10px 12px;
+  border: 1px solid rgba(255,255,255,0.10);
+  background: rgba(0,0,0,0.18);
+  border-radius: 14px;
+}
+
+.mapDetailHeader{
+  display:flex;
+  align-items:center;
+  gap: 10px;
+  margin-bottom: 10px;
+}
+
+.mapDetailTitle{
+  font-weight: 800;
+}
+
+.mapDetailBody{
+  font-size: 13px;
+  opacity: 0.92;
+}
+
+.mapDetailGrid{
+  display:grid;
+  grid-template-columns: 140px 1fr;
+  gap: 6px 10px;
+  margin-bottom: 10px;
+}
+
+.mapDetailKey{ opacity: 0.75; }
+.mapDetailList{ margin: 8px 0 0 0; padding-left: 18px; }
+.mapDetailList li{ margin: 4px 0; }
+.mapDetailLink{ cursor: pointer; text-decoration: underline; }