瀏覽代碼

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
     width: 93%;
181
     width: 93%;
182
     margin-left: 9px;
182
     margin-left: 9px;
183
     margin-right: auto;
183
     margin-right: auto;
184
-    border-radius: 5px;
185
-    border-top-left-radius: 0px;
184
+    border-radius: 0px 6px 6px 6px;
186
     margin-top: 3px;
185
     margin-top: 3px;
187
     color: white;
186
     color: white;
188
     padding-bottom: 3px;
187
     padding-bottom: 3px;
189
     position: relative;
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
     &.error {
198
     &.error {
199
+        border-radius: 0px;
200
+
196
         .timestamp,
201
         .timestamp,
197
         .display-name {
202
         .display-name {
198
             display: none;
203
             display: none;

Loading…
取消
儲存