feat(rushroyale): show avatars in video boxes

timotheeg · Oct 5, 2024 · 606c08f · 606c08f
1 parent a818b1c
commit 606c08f
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/public/views/mp/rushroyale.html b/public/views/mp/rushroyale.html
@@ -23,9 +23,15 @@
 			}
 
 			.player .video {
+				--width: var(--p-video-width);
 				width: var(--p-video-width);
 			}
 
+			.player .video video {
+				background-size: cover;
+				background-repeat: no-repeat;
+			}
+
 			.badges {
 				position: absolute;
 				width: var(--p-video-width);
@@ -551,8 +557,12 @@
 						player.__setAvatar = player.setAvatar;
 						player.setAvatar = function (url) {
 							if (QueryString.get('avatar') === '0') return;
-							this.__setAvatar(url);
-							this.dom.rank_node.style.backgroundImage = `url(${url})`; // TODO Should validate
+							// TODO Should validate that url is safe for string interpolation
+							this.dom.video.style.backgroundImage = `url(${url})`;
+							this.dom.rank_node.style.backgroundImage = `url(${url})`;
+
+							// we're not calling the original avatar, because we don't want to show it the avatars in the play field
+							// this.__setAvatar(url);
 						};
 
 						player.onGameStart = function () {