euchre-live

commit c300bc8fd5c32726f7c15aedde20181e1b142bbc (patch)
parent ddc28d101e73f4fad7df2952bbba54507d522874
Author: Chris Karle <chriskarle@hotmail.com>
Date:   Mon, 25 May 2020 10:37:34 -0400

CardTable, app.scss

Style updates to fix chat scrolling in Firefox and Safari.

CardTable has a temporary debug action: if the chat text entered
is exactly "chat10" it will loop to push 10 chat messages
"this is chat10 test-chat-<n>" -- for quick debug of scroll.

Diffstat:
M
assets/app.scss
 | 
5
+++--
M
assets/components/CardTable.js
 | 
10
++++++++++

2 files changed, 13 insertions(+), 2 deletions(-)
diff --git a/assets/app.scss b/assets/app.scss
@@ -159,7 +159,7 @@
 }
 .chat__panel {
     width: 100%;
-    height: 100%;
+    height: 241px;
     display: flex;
     flex-direction: column;
     border: 1px solid;
@@ -167,9 +167,10 @@
 .chat__holder {
     flex: auto;
     max-height: 207px;
+    overflow: hidden;
 }
 .chat__tile {
-    height: 100%;
+    height: 207px;
     overflow: auto;
     background-color: whitesmoke;
 }
diff --git a/assets/components/CardTable.js b/assets/components/CardTable.js
@@ -539,6 +539,16 @@ export default class CardTable extends React.Component {
                 msg: post
             }));
         }
+        // XX TODO remove this debug action when chat stable
+        if ('chat10' == post){
+            for (let i=0; i < 10; i++){
+                const msg='this is chat10 test-chat-' + i;
+                this.props.client.send(JSON.stringify({
+                    action: 'chat',
+                    msg: msg
+                }));
+            }
+        }
     }
 
     genGameOver = () => {