diff --git a/web-nodejs/public/css/remote.css b/web-nodejs/public/css/remote.css index ab3fedd9..9bfba4ca 100644 --- a/web-nodejs/public/css/remote.css +++ b/web-nodejs/public/css/remote.css @@ -866,8 +866,6 @@ /* ---- Monitors & Virtual Displays ---- */ #monitors-menu.toolbar-dropdown-menu { - display: flex; - flex-direction: column; min-width: 240px; max-width: min(300px, calc(100vw - 24px)); max-height: min(75vh, calc(100dvh - 120px)); @@ -875,6 +873,11 @@ padding: 4px; } +#monitors-menu.toolbar-dropdown-menu.open { + display: flex; + flex-direction: column; +} + #monitors-menu > .dropdown-label { flex-shrink: 0; } diff --git a/web-nodejs/public/js/remote.js b/web-nodejs/public/js/remote.js index 492d7e14..8adbbc4e 100644 --- a/web-nodejs/public/js/remote.js +++ b/web-nodejs/public/js/remote.js @@ -1479,9 +1479,6 @@ // display support. if (monitors.length < 2 && !(vd && vd.supported)) return; - const btn = document.getElementById('btn-monitors'); - if (btn) btn.style.display = ''; - const label = menu.querySelector('.dropdown-label'); menu.innerHTML = ''; if (label) menu.appendChild(label);