diff --git a/src/css/huesUI-retro.css b/src/css/huesUI-retro.css index ea168d3..ed0e79d 100644 --- a/src/css/huesUI-retro.css +++ b/src/css/huesUI-retro.css @@ -95,7 +95,7 @@ } .hues-r-container, .hues-r-controls, .hues-r-subcontrols { - visibility: visible; + visibility: inherit; opacity: 1; transition: visibility 0.5s linear, opacity 0.5s linear; } diff --git a/src/css/huesUI-weed.css b/src/css/huesUI-weed.css index cd98c69..b835930 100644 --- a/src/css/huesUI-weed.css +++ b/src/css/huesUI-weed.css @@ -32,7 +32,7 @@ } .hues-w-controls, .hues-w-subcontrols, .hues-w-beatbar { - visibility: visible; + visibility: inherit; opacity: 1; transition: visibility 0.5s linear, opacity 0.5s linear; } diff --git a/src/js/HuesUI.js b/src/js/HuesUI.js index 1fd6bed..a56c824 100644 --- a/src/js/HuesUI.js +++ b/src/js/HuesUI.js @@ -36,7 +36,7 @@ class HuesUI { this.root = document.createElement("div"); this.root.className = name ? name : this.constructor.name; parent.appendChild(this.root); - this.root.style.display = "none"; + this.root.style.visibility = "hidden"; this.core = null; @@ -167,7 +167,7 @@ class HuesUI { connectCore(core) { this.core = core; - this.root.style.display = "block"; + this.root.style.visibility = "visible"; if(core.resourceManager.hasUI) { this.listContainer.appendChild(core.resourceManager.listView); } @@ -185,7 +185,7 @@ class HuesUI { this.core.removeEventListener(callback.name, callback.func); }); this.core = null; - this.root.style.display = "none"; + this.root.style.visibility = "hidden"; while (this.listContainer.firstElementChild) { this.listContainer.removeChild(this.listContainer.firstElementChild); } @@ -197,12 +197,12 @@ class HuesUI { // ONLY FOR CHANGING UI, NOT FOR "HIDE" FEATURE show() { - this.root.style.display = "block"; + this.root.style.visibility = "visible" } // ONLY FOR CHANGING UI, NOT FOR "HIDE" FEATURE hide() { - this.root.style.display = "none"; + this.root.style.visibility = "hidden"; } toggleHide() {