@@ -228,7 +240,10 @@ export class LobbyTeamView extends LitElement {
(p) => {
const displayName = this.getClientDisplayName(p);
return html`
${displayName}
${p.clientID === this.lobbyCreatorClientID
@@ -365,6 +380,14 @@ export class LobbyTeamView extends LitElement {
}));
}
+ private isCurrentPlayer(client: ClientInfo): boolean {
+ return !!this.currentClientID && client.clientID === this.currentClientID;
+ }
+
+ private teamContainsCurrentPlayer(preview: TeamPreviewData): boolean {
+ return preview.players.some((p) => this.isCurrentPlayer(p));
+ }
+
private getClientDisplayName(client: ClientInfo): string {
const full = formatPlayerDisplayName(client.username, client.clanTag);
if (!this.userSettings.anonymousNames()) {
diff --git a/src/client/styles.css b/src/client/styles.css
index dd73aa6ac..255fed924 100644
--- a/src/client/styles.css
+++ b/src/client/styles.css
@@ -295,6 +295,7 @@ label.option-card:hover {
align-items: center;
gap: 8px;
background: #2a2a2a;
+ border: 1px solid transparent;
color: #fff;
padding: 8px 12px;
margin: 4px;
@@ -302,6 +303,11 @@ label.option-card:hover {
font-size: 14px;
}
+.player-tag.current-player {
+ background: rgba(14, 165, 233, 0.15);
+ border: 1px solid rgba(14, 165, 233, 0.4);
+}
+
#bots-count,
#private-lobby-bots-count {
width: 80%;