Implement bubble group with flex

1 files changed, 19 insertions, 0 deletions

diff --git a/tpl/views/bubble-group.pug b/tpl/views/bubble-group.pug
index ce00067..dcdbe73 100644
--- a/tpl/views/bubble-group.pug
+++ b/tpl/views/bubble-group.pug
@@ -19,6 +19,25 @@ mixin view-bubble-group
                     +slot('time')= '12:39'
 
         .c-box.l-overflow(style='resize: vertical')
+            +bubble-group('Volpeon')(compact=true right=true)
+                strong= 'Volpeon'
+                +bubble()(compact=true class='l-bubble-group__bubble')
+                    +slot('body')= 'Compact bubbles test'
+                    +slot('time')= '12:34'
+                +bubble()(compact=true class='l-bubble-group__bubble')
+                    +slot('body')= loremIpsum
+                    +slot('time')= '12:35'
+                +bubble()(compact=true class='l-bubble-group__bubble')
+                    +slot('body')= 'qwertzuiop'
+                    +slot('time')= '12:36'
+                +bubble()(compact=true class='l-bubble-group__bubble')
+                    +slot('body')= '🐈️🦊️'
+                    +slot('time')= '12:38'
+                +bubble()(compact=true class='l-bubble-group__bubble')
+                    +slot('body')= loremIpsum
+                    +slot('time')= '12:39'
+
+        .c-box.l-overflow(style='resize: vertical')
             +bubble-group('Volpeon')
                 +bubble()(class='l-bubble-group__bubble')
                     +slot('header')