Showing maintenance popup on hover over media box

src/lib/components/MaintenancePopup.js

@@ -38,6 +38,7 @@ export class MaintenancePopup {
   init() {
     MaintenancePopup.#watchActiveProfile(activeProfile => {
       this.#activeProfile = activeProfile;
+      this.#container.classList.toggle('is-active', activeProfile !== null);
       this.#refreshTagsList();
     });
   }

src/styles/content/listing.scss

@@ -1 +1,20 @@
-@import "../injectable/tag";
+.media-box {
+  position: relative;
+  overflow: initial !important;
+
+  .maintenance-popup {
+    display: none;
+    position: absolute;
+    top: 100%;
+    padding: 5px;
+    left: -50%;
+    right: -50%;
+    z-index: 8;
+    background: #1d1924;
+    border: 1px solid #311e49;
+  }
+
+  &:hover .maintenance-popup.is-active {
+    display: block;
+  }
+}