<template lang="pug">
main
- input#modalChat.modal(type="checkbox" @change="toggleChat")
+ input#modalChat.modal(type="checkbox" @click="resetChatColor")
div#chatWrap(role="dialog" data-checkbox="modalChat"
aria-labelledby="inputChat")
#chat.card
{
// Minimal game informations:
id: this.game.id,
- players: this.game.players.map(p => { return {name:p.name}; }),
+ players: this.game.players,
vid: this.game.vid,
timeControl: this.game.timeControl,
};
if (this.repeat[repIdx] >= 3)
this.drawOffer = "threerep";
},
- toggleChat: function() {
- let modalChat = document.getElementById("modalChat");
- modalChat.style.backgroundColor =
- (modalChat.style.backgroundColor == "#e2e2e2"
- ? "#c5fefe"
- : "#e2e2e2");
+ resetChatColor: function() {
+ // TODO: this is called twice, once on opening an once on closing
+ document.getElementById("chatBtn").style.backgroundColor = "#e2e2e2";
},
finishSendChat: function(chat) {
// NOTE: anonymous chats in corr games are not stored on server (TODO?)
@media screen and (max-width: 767px)
#aboveBoard
text-align: center
+@media screen and (min-width: 768px)
+ #aboveBoard
+ margin-left: 30%
.name
font-size: 1.5rem