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; + } +}