Pārlūkot izejas kodu

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 gadus atpakaļ
vecāks
revīzija
fbc7f865ec
1 mainītis faili ar 9 papildinājumiem un 4 dzēšanām
  1. 9
    4
      css/_chat.scss

+ 9
- 4
css/_chat.scss Parādīt failu

@@ -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;

Notiek ielāde…
Atcelt
Saglabāt