diff --git a/static/scenes/modvil/elements/modvil-tracker-photo.js b/static/scenes/modvil/elements/modvil-tracker-photo.js index 4633d9c54..e3e4071f2 100644 --- a/static/scenes/modvil/elements/modvil-tracker-photo.js +++ b/static/scenes/modvil/elements/modvil-tracker-photo.js @@ -35,6 +35,7 @@ class ModvilTrackerPhotoElement extends LitElement { _href: {type: String}, _author: {type: String}, brand: {type: Boolean}, + disabled: {type: Boolean}, }; } @@ -59,7 +60,7 @@ class ModvilTrackerPhotoElement extends LitElement {
- ${this._author} + ${this._author}
`; diff --git a/static/scenes/modvil/elements/modvil-tracker-photos.js b/static/scenes/modvil/elements/modvil-tracker-photos.js index d441340e1..bd7c8123b 100644 --- a/static/scenes/modvil/elements/modvil-tracker-photos.js +++ b/static/scenes/modvil/elements/modvil-tracker-photos.js @@ -149,6 +149,7 @@ class ModvilTrackerStatsElement extends LitElement { this._photoNode.append(node); node.offsetLeft; // and forcing layout, important node.style.transform = null; + node.disabled = !this.open; }); // Extra control. @@ -248,6 +249,7 @@ class ModvilTrackerStatsElement extends LitElement { node.toggleAttribute('large', !!this.open); node.setAttribute('appear', ''); + node.disabled = !this.open; this._photoNode.prepend(node); await node.updateComplete; await new Promise((resolve) => { @@ -277,7 +279,7 @@ class ModvilTrackerStatsElement extends LitElement {

${d.city}

${d.region}

- +