Added: New chatbubbles

src/components/room/widgets/chat/ChatWidgetView.scss

@@ -686,6 +686,186 @@
             }
         }
 
+		&.bubble-39 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_39.png");
+
+            border-image-slice: 16 6 7 32 fill;
+            border-image-width: 16px 6px 7px 32px;
+            border-image-outset: 5px 0px 0px 3px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_39_pointer.png");
+            }
+        }
+
+        &.bubble-40 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_40.png");
+
+            border-image-slice: 16 6 7 32 fill;
+            border-image-width: 16px 6px 7px 32px;
+            border-image-outset: 5px 0px 0px 3px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_40_pointer.png");
+            }
+        }
+
+        &.bubble-41 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_41.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_41_pointer.png");
+            }
+        }
+
+        &.bubble-42 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_42.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_42_pointer.png");
+            }
+        }
+
+        &.bubble-43 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_43.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_43_pointer.png");
+            }
+        }
+
+        &.bubble-44 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_44.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_44_pointer.png");
+            }
+        }
+
+        &.bubble-45 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_45.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_45_pointer.png");
+            }
+        }
+
+        &.bubble-46 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_46.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_46_pointer.png");
+            }
+        }
+
+        &.bubble-47 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_47.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_47_pointer.png");
+            }
+        }
+
+        &.bubble-48 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_48.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_48_pointer.png");
+            }
+        }
+
+        &.bubble-49 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_49.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_49_pointer.png");
+            }
+        }
+
+        &.bubble-50 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_50.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_50_pointer.png");
+            }
+        }
+
+        &.bubble-51 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_51.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_51_pointer.png");
+            }
+        }
+
+        &.bubble-52 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_52.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_52_pointer.png");
+            }
+        }
+
+        &.bubble-53 {
+            border-image-source: url("@/assets/images/chat/chatbubbles/bubble_53.png");
+
+            border-image-slice: 16 7 6 33 fill;
+            border-image-width: 16px 6px 6px 32px;
+            border-image-outset: 7px 0px 0px 5px;
+
+            .pointer {
+                background: url("@/assets/images/chat/chatbubbles/bubble_53_pointer.png");
+            }
+        }	
+
         .user-container {
             z-index: 3;
             display: flex;
@@ -916,4 +1096,64 @@
             background: url('@/assets/images/chat/chatbubbles/bubble_38_extra.png');
         }
     }
+	
+	&.bubble-39 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_39.png");
+    }
+
+    &.bubble-40 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_40.png");
+    }
+
+    &.bubble-41 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_41.png");
+    }
+
+    &.bubble-42 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_42.png");
+    }
+
+    &.bubble-43 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_43.png");
+    }
+
+    &.bubble-44 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_44.png");
+    }
+
+    &.bubble-45 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_45.png");
+    }
+
+    &.bubble-46 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_46.png");
+    }
+
+    &.bubble-47 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_47.png");
+    }
+
+    &.bubble-48 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_48.png");
+    }
+
+    &.bubble-49 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_49.png");
+    }
+
+    &.bubble-50 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_50.png");
+    }
+
+    &.bubble-51 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_51.png");
+    }
+    
+    &.bubble-52 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_52.png");
+    }
+    
+    &.bubble-53 {
+        background-image: url("@/assets/images/chat/chatbubbles/bubble_53.png");
+    }
 }