Follow feature completed

client/public/stylesheets/olympus.css

@@ -7,7 +7,7 @@
 @import url("unitdatatable.css");
 @import url("unitcontrolpanel.css");
 @import url("unitinfopanel.css");
-
+@import url("popup.css");
 
 
 * {
@@ -441,8 +441,6 @@ nav.ol-panel> :last-child {
     font-weight: var(--font-weight-bolder);
 }
 
-
-
 .hide {
     display: none !important;
 }

client/public/stylesheets/popup.css

@@ -0,0 +1,23 @@
+#info-popup {
+    position: absolute;
+    width: fit-content;
+    height: fit-content;
+    top: 100px;
+    left: 50%;
+    translate: -50% 0%;
+    z-index: 9999;
+}
+
+.ol-popup > div {
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+.visible {
+    opacity: 1;
+}
+
+.invisible {
+    opacity: 0;
+    transition: opacity 2s linear;
+}