From fbc7f865ececc53a79f48ba08dc8a1c2016a623c Mon Sep 17 00:00:00 2001
From: Leonard Kim <leonard.kim@8x8.com>
Date: Thu, 2 May 2019 12:41:54 -0700
Subject: [PATCH] ref(chat): change chat bubble borders based on sender

For remote chat messages, all corners should be rounded
except the top left. For local messages all corners
should be rounded except the top right.
---
 css/_chat.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/css/_chat.scss b/css/_chat.scss
index fbc7e8c6f..9adccfa18 100644
--- a/css/_chat.scss
+++ b/css/_chat.scss
@@ -181,18 +181,23 @@
     width: 93%;
     margin-left: 9px;
     margin-right: auto;
-    border-radius: 5px;
-    border-top-left-radius: 0px;
+    border-radius: 0px 6px 6px 6px;
     margin-top: 3px;
     color: white;
     padding-bottom: 3px;
     position: relative;
 
-    &.localuser .display-name {
-        color: #4C9AFF
+    &.localuser {
+        border-radius: 6px 0px 6px 6px;
+
+        .display-name {
+            color: #4C9AFF
+        }
     }
 
     &.error {
+        border-radius: 0px;
+
         .timestamp,
         .display-name {
             display: none;