diff --git a/package.json b/package.json index 79d3121..aa3c9e4 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ "license": "AGPL-3.0-or-later", "dependencies": { "@fortawesome/fontawesome-free": "^5.13.0", - "@webrecorder/wabac": "^2.2.0", + "@webrecorder/wabac": "^2.2.1", "bulma": "^0.9.0", "fetch-ndjson": "^1.1.0", "flexsearch": "^0.6.32", diff --git a/src/replay.js b/src/replay.js index f2f6357..faaee25 100644 --- a/src/replay.js +++ b/src/replay.js @@ -210,18 +210,33 @@ class Replay extends LitElement height: 100%; } - iframe { + .iframe-container { + position: relative; width: 100%; - #height: calc(100vh - 150px); height: 100%; border: 0px; } + .iframe-main { + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + width: 100%; + height: 100%; + } + .intro-panel .panel-heading { font-size: 1.0em; display: inline-block; } + .iframe-main.modal-bg { + z-index: 200; + background-color: rgba(10, 10, 10, 0.70) + } + #wrlogo { vertical-align: middle; } @@ -236,7 +251,8 @@ class Replay extends LitElement min-width: 40%; display: flex; flex-direction: column; - margin: 3em auto; + margin: 3em; + background-color: white; } `); } @@ -257,29 +273,33 @@ class Replay extends LitElement ` : html` - ${this.showAuth ? html` -
- - Authorization Needed -
-This archive is loaded from a local file: ${this.authFileHandle.name}
-The browser needs to confirm your permission to continue loading from this file.
- - ` : html` -+ + Authorization Needed +
+This archive is loaded from a local file: ${this.authFileHandle.name}
+The browser needs to confirm your permission to continue loading from this file.
+ + ` : html` +