浏览代码

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.
master
Leonard Kim 6 年前
父节点
当前提交
fbc7f865ec
共有 1 个文件被更改,包括 9 次插入4 次删除
  1. 9
    4
      css/_chat.scss

+ 9
- 4
css/_chat.scss 查看文件

@@ -181,18 +181,23 @@
181 181
     width: 93%;
182 182
     margin-left: 9px;
183 183
     margin-right: auto;
184
-    border-radius: 5px;
185
-    border-top-left-radius: 0px;
184
+    border-radius: 0px 6px 6px 6px;
186 185
     margin-top: 3px;
187 186
     color: white;
188 187
     padding-bottom: 3px;
189 188
     position: relative;
190 189
 
191
-    &.localuser .display-name {
192
-        color: #4C9AFF
190
+    &.localuser {
191
+        border-radius: 6px 0px 6px 6px;
192
+
193
+        .display-name {
194
+            color: #4C9AFF
195
+        }
193 196
     }
194 197
 
195 198
     &.error {
199
+        border-radius: 0px;
200
+
196 201
         .timestamp,
197 202
         .display-name {
198 203
             display: none;

正在加载...
取消
保存