Styling changes for messaging.

2020-05-04 12:14:32 -07:00
parent f55f4775d4
commit 782b7fe7f3
14 changed files with 83 additions and 54 deletions
--- a/client/src/components/chat-popup/chat-popup.component.jsx
+++ b/client/src/components/chat-popup/chat-popup.component.jsx
@@ -24,7 +24,7 @@ export function ChatPopupComponent({
 }) {
  const { t } = useTranslation();
  return (
-    <div className='chat-popup'>
+    <div className="chat-popup">
      <div style={{ overflow: "auto" }}>
        <strong style={{ float: "left" }}>
          {t("messaging.labels.messaging")}
@@ -35,7 +35,7 @@ export function ChatPopupComponent({
        />
      </div>

-      <Row>
+      <Row className="chat-popup-content">
        <Col span={8}>
          <ChatConversationListComponent conversationList={conversationList} />
        </Col>
--- a/client/src/components/chat-popup/chat-popup.styles.scss
+++ b/client/src/components/chat-popup/chat-popup.styles.scss
@@ -2,3 +2,7 @@
  width: 40vw;
  height: 50vh;
 }
+
+.chat-popup-content {
+  height: 100%;
+}