diff --git a/front/src/WebRtc/CoWebsiteManager.ts b/front/src/WebRtc/CoWebsiteManager.ts index 695fe4ff..fe65752a 100644 --- a/front/src/WebRtc/CoWebsiteManager.ts +++ b/front/src/WebRtc/CoWebsiteManager.ts @@ -367,6 +367,8 @@ class CoWebsiteManager { oldSlot.container.style.display = "none"; } + this.displayCowebsiteContainer(); + newSlot.container.style.display = "block"; coWebsite.iframe.classList.remove("pixel"); @@ -374,6 +376,14 @@ class CoWebsiteManager { this.resizeAllIframes(); } + private displayCowebsiteContainer() { + if (this.coWebsites.find((cowebsite) => cowebsite.position > 0)) { + this.cowebsiteContainerDom.style.display = "block"; + } else { + this.cowebsiteContainerDom.style.display = "none"; + } + } + private moveLeftPreviousCoWebsite(coWebsite: CoWebsite, newPosition: number) { const nextCoWebsite = this.getCoWebsiteByPosition(coWebsite.position + 1); @@ -428,6 +438,9 @@ class CoWebsiteManager { this.moveLeftPreviousCoWebsite(previousCoWebsite, coWebsite.position); } + this.displayCowebsiteContainer(); + + // coWebsite.icon.remove(); coWebsite.iframe.remove(); coWebsite.state = CoWebsiteState.CLOSED; iframeListener.unregisterIframe(coWebsite.iframe); diff --git a/front/style/cowebsite.scss b/front/style/cowebsite.scss index 8feb517d..69085cc1 100644 --- a/front/style/cowebsite.scss +++ b/front/style/cowebsite.scss @@ -65,6 +65,7 @@ &-container { position: absolute; + display: none; height: 100%; width: 100%;