From cdaed5c71286e36ec75b580eb893eb9e558eec48 Mon Sep 17 00:00:00 2001 From: Aiden <68633820+awils27@users.noreply.github.com> Date: Thu, 11 Jun 2026 09:16:42 +1000 Subject: [PATCH] Updated CSS --- vr180player/vr180-player.css | 65 ++++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) diff --git a/vr180player/vr180-player.css b/vr180player/vr180-player.css index ffd136c..84db74b 100644 --- a/vr180player/vr180-player.css +++ b/vr180player/vr180-player.css @@ -51,6 +51,71 @@ filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45)); } +.vrwp-launcher-host { + position: fixed; + left: -1px; + top: -1px; + width: 1px; + height: 1px; + overflow: hidden; + clip-path: inset(50%); + pointer-events: none; +} + +.vrwp-modal { + position: fixed; + inset: 0; + z-index: 2147483647; + display: grid; + place-items: center; + padding: 18px; + background: rgba(8, 8, 8, 0.82); +} + +.vrwp-modal[hidden] { + display: none !important; +} + +.vrwp-modal-dialog { + position: relative; + width: min(1120px, 100%); + max-height: calc(100vh - 36px); + padding: 14px; + border-radius: 8px; + background: #111; + box-shadow: 0 18px 70px rgba(0, 0, 0, 0.42); + overflow: auto; +} + +.vrwp-modal-content { + width: 100%; +} + +.vrwp-modal .vrwp { + width: 100%; +} + +.vrwp-modal-close { + position: absolute; + top: 14px; + right: 14px; + z-index: 20; + display: grid; + place-items: center; + width: 42px; + height: 42px; + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.22); + border-radius: 999px; + background: rgba(0, 0, 0, 0.58); + color: #fff; + cursor: pointer; +} + +.vrwp-modal-close:hover { + background: rgba(0, 0, 0, 0.76); +} + @media (max-width: 600px) { .vrwp-play-button { width: 60px;