From ec5316774f65c1829fe56566bc34a1f73442e16a Mon Sep 17 00:00:00 2001
From: KoloMl <thekolomoets@hotmail.com>
Date: Sat, 30 Mar 2024 21:44:37 +0400
Subject: [PATCH] Showing maintenance popup on hover over media box

---
 src/lib/components/MaintenancePopup.js |  1 +
 src/styles/content/listing.scss        | 21 ++++++++++++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/MaintenancePopup.js b/src/lib/components/MaintenancePopup.js
index 70e8f27..bbe9673 100644
--- a/src/lib/components/MaintenancePopup.js
+++ b/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();
     });
   }
diff --git a/src/styles/content/listing.scss b/src/styles/content/listing.scss
index c7fcff5..53f511c 100644
--- a/src/styles/content/listing.scss
+++ b/src/styles/content/listing.scss
@@ -1 +1,20 @@
-@import "../injectable/tag";
\ No newline at end of file
+.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;
+  }
+}