diff --git a/src/assets/images/chat/chatbubbles/bubble_39.png b/src/assets/images/chat/chatbubbles/bubble_39.png new file mode 100644 index 0000000..4dddcba Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_39.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_39_pointer.png b/src/assets/images/chat/chatbubbles/bubble_39_pointer.png new file mode 100644 index 0000000..b73b25b Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_39_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_40.png b/src/assets/images/chat/chatbubbles/bubble_40.png new file mode 100644 index 0000000..0c14786 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_40.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_40_pointer.png b/src/assets/images/chat/chatbubbles/bubble_40_pointer.png new file mode 100644 index 0000000..b73b25b Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_40_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_41.png b/src/assets/images/chat/chatbubbles/bubble_41.png new file mode 100644 index 0000000..e5d1049 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_41.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_41_pointer.png b/src/assets/images/chat/chatbubbles/bubble_41_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_41_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_42.png b/src/assets/images/chat/chatbubbles/bubble_42.png new file mode 100644 index 0000000..0d0b56f Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_42.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_42_pointer.png b/src/assets/images/chat/chatbubbles/bubble_42_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_42_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_43.png b/src/assets/images/chat/chatbubbles/bubble_43.png new file mode 100644 index 0000000..d328a02 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_43.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_43_pointer.png b/src/assets/images/chat/chatbubbles/bubble_43_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_43_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_44.png b/src/assets/images/chat/chatbubbles/bubble_44.png new file mode 100644 index 0000000..9f092f7 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_44.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_44_pointer.png b/src/assets/images/chat/chatbubbles/bubble_44_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_44_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_45.png b/src/assets/images/chat/chatbubbles/bubble_45.png new file mode 100644 index 0000000..79c77e4 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_45.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_45_pointer.png b/src/assets/images/chat/chatbubbles/bubble_45_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_45_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_46.png b/src/assets/images/chat/chatbubbles/bubble_46.png new file mode 100644 index 0000000..0db754d Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_46.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_46_pointer.png b/src/assets/images/chat/chatbubbles/bubble_46_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_46_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_47.png b/src/assets/images/chat/chatbubbles/bubble_47.png new file mode 100644 index 0000000..7e566f4 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_47.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_47_pointer.png b/src/assets/images/chat/chatbubbles/bubble_47_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_47_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_48.png b/src/assets/images/chat/chatbubbles/bubble_48.png new file mode 100644 index 0000000..74a5751 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_48.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_48_pointer.png b/src/assets/images/chat/chatbubbles/bubble_48_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_48_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_49.png b/src/assets/images/chat/chatbubbles/bubble_49.png new file mode 100644 index 0000000..0dc74ec Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_49.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_49_pointer.png b/src/assets/images/chat/chatbubbles/bubble_49_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_49_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_50.png b/src/assets/images/chat/chatbubbles/bubble_50.png new file mode 100644 index 0000000..efe1680 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_50.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_50_pointer.png b/src/assets/images/chat/chatbubbles/bubble_50_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_50_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_51.png b/src/assets/images/chat/chatbubbles/bubble_51.png new file mode 100644 index 0000000..9bdddcb Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_51.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_51_pointer.png b/src/assets/images/chat/chatbubbles/bubble_51_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_51_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_52.png b/src/assets/images/chat/chatbubbles/bubble_52.png new file mode 100644 index 0000000..baeed11 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_52.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_52_pointer.png b/src/assets/images/chat/chatbubbles/bubble_52_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_52_pointer.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_53.png b/src/assets/images/chat/chatbubbles/bubble_53.png new file mode 100644 index 0000000..32eb3e4 Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_53.png differ diff --git a/src/assets/images/chat/chatbubbles/bubble_53_pointer.png b/src/assets/images/chat/chatbubbles/bubble_53_pointer.png new file mode 100644 index 0000000..fc2bead Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_53_pointer.png differ diff --git a/src/components/room/widgets/chat/ChatWidgetView.scss b/src/components/room/widgets/chat/ChatWidgetView.scss index b45ab45..c8dd62e 100644 --- a/src/components/room/widgets/chat/ChatWidgetView.scss +++ b/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"); + } }