From 71b0fd3d192760c5eb7c1dec0f85617ffa477941 Mon Sep 17 00:00:00 2001 From: Ilya Kreymer Date: Thu, 25 Jun 2020 20:21:52 -0700 Subject: [PATCH] embed improvements: - show back, forward options in default embed mode - add extra options menu in embed mode, including 'purge cache + full reload' - responsive replay bar buttons: show in menu when tablet or mobile, in non-embed mode, only show on mobile - 'full' embed mode, show only logo and info menu, no user guide/terms --- src/appmain.js | 40 +++++-- src/coll.js | 2 +- src/embed.js | 2 +- src/replay.js | 124 ++++++++++++++++++-- sw.js | 10 +- ui.js | 305 ++++++++++++++++++++++++++++++------------------- 6 files changed, 341 insertions(+), 142 deletions(-) diff --git a/src/appmain.js b/src/appmain.js index bedcb98..cf73a89 100644 --- a/src/appmain.js +++ b/src/appmain.js @@ -112,12 +112,18 @@ class App extends LitElement return html``; } return html` - ${!this.embed ? html` + ${!this.embed || this.embed === "full" ? html` ` : ''} @@ -262,8 +271,15 @@ class App extends LitElement } } - onNavMenu() { + onNavMenu(event) { + event.stopPropagation(); this.navMenuShown = !this.navMenuShown; + + if (this.navMenuShown) { + document.addEventListener("click", () => { + this.navMenuShown = false; + }, {once: true}); + } } initRoute() { diff --git a/src/coll.js b/src/coll.js index 33d188f..c60fd36 100644 --- a/src/coll.js +++ b/src/coll.js @@ -250,7 +250,7 @@ class Coll extends LitElement } else if (this.collInfo) { return html`