X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FGame.vue;h=2682a60a094170546ae84990f277be9247ed1970;hp=e77492f0da0d212d04cd6bac2c4422341cdca0ed;hb=bfe9a1357f43c2a2cc271e0f244f4785363d7961;hpb=ed06d9e92387e60fc15d7c9768dd5680605e35d1

diff --git a/client/src/views/Game.vue b/client/src/views/Game.vue
index e77492f0..2682a60a 100644
--- a/client/src/views/Game.vue
+++ b/client/src/views/Game.vue
@@ -1,6 +1,6 @@
 <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
@@ -555,12 +555,9 @@ export default {
       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?)