BOD-14 WIP. CSS issues present with 2 way texting, but working live.

2020-03-26 17:03:22 -07:00
parent a507e40816
commit f80f96f3df
19 changed files with 244 additions and 160 deletions
--- a/client/src/components/chat-overlay/chat-overlay.container.jsx
+++ b/client/src/components/chat-overlay/chat-overlay.container.jsx
@@ -26,21 +26,23 @@ export function ChatOverlayContainer({
 }) {
  return (
    <Affix offsetBottom={0}>
-      <div>
-        <Badge count={10}>
-          <ChatOverlayComponent
-            chatVisible={chatVisible}
-            toggleChatVisible={toggleChatVisible}
-          />
-        </Badge>
-        {activeConversations
-          ? activeConversations.map(conversation => (
-              <ChatConversationContainer
-                conversation={conversation}
-                key={conversation.id}
-              />
-            ))
-          : null}
+      <div className={`chat-overlay-wrapper`}>
+        <div className={`chat-overlay-scroller`}>
+          <Badge count={10}>
+            <ChatOverlayComponent
+              chatVisible={chatVisible}
+              toggleChatVisible={toggleChatVisible}
+            />
+          </Badge>
+          {activeConversations
+            ? activeConversations.map(conversation => (
+                <ChatConversationContainer
+                  conversation={conversation}
+                  key={conversation.id}
+                />
+              ))
+            : null}
+        </div>
      </div>
    </Affix>
  );