Display node details on map

2026-04-26 02:58:00 +00:00 · 2018-07-18 15:18:35 +02:00
parent 966d390c46
commit 1a4322888c
6 changed files with 109 additions and 154 deletions
@@ -0,0 +1,43 @@
+.Node-Location {
+  width: 10px;
+  height: 10px;
+  background: #d64ca8;
+  border: 1px solid #000;
+  border-radius: 6px;
+  margin-left: -6px;
+  margin-top: -6px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  cursor: pointer;
+}
+
+.Node-details {
+  display: none;
+  min-width: 335px;
+  position: absolute;
+  left: 16px;
+  top: -4px;
+  font-family: monospace, sans-serif;
+  background: #222;
+  color: #fff;
+  box-shadow: 0 3px 20px rgba(0,0,0,0.5);
+  border-collapse: collapse;
+}
+
+.Node-details td {
+  text-align: left;
+  padding: 0.5em 1em;
+}
+
+.Node-details td:nth-child(odd) {
+  padding-right: 0.2em;
+}
+
+.Node-details td:nth-child(even) {
+  padding-left: 0.2em;
+}
+
+.Node-Location:hover .Node-details {
+  display: initial;
+}