Added stub of labels

2 files changed, 14 insertions, 0 deletions

diff --git a/derelict.js b/derelict.js
index 2bb47c7..2471104 100644
--- a/derelict.js
+++ b/derelict.js
@@ -54,6 +54,7 @@ class Wreck {
 
 		this.killmail = killmail
 		this.domElement.className = 'wreck'
+		this.domElement.dataset.label = `${this.killmail.killmail_id}`
 		this.domElement.appendChild(iconElement)
 		this.point.position.copy(position)
 		this.point.add(object2d)
diff --git a/style.css b/style.css
index bbeb91b..472cbd8 100644
--- a/style.css
+++ b/style.css
@@ -21,6 +21,19 @@ body {
 	border: 2px solid #eee;
 }
 
+.wreck::after {
+	display: block;
+	content: attr(data-label);
+	color: #eee;
+	position: absolute;
+	top: 0;
+	left: 107.5%;
+	padding: 0.2em 0.5em;
+	background: #000a;
+	border-radius: 0.5em;
+	pointer-events: none;
+}
+
 #wrapper {
 	display: flex;
 	width: 100vw;