diff options
| author | Volpeon <git@volpeon.ink> | 2023-11-09 15:44:54 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-11-09 15:44:54 +0100 |
| commit | 679b9b108101b67ad56b4fdf35ec2bd0568d8d84 (patch) | |
| tree | 1b097e9f90627ca401174c738a8d754e8f2cce6b /tpl/views/bubble-group.pug | |
| parent | Simplified bubble arrows (diff) | |
| download | iro-design-679b9b108101b67ad56b4fdf35ec2bd0568d8d84.tar.gz iro-design-679b9b108101b67ad56b4fdf35ec2bd0568d8d84.tar.bz2 iro-design-679b9b108101b67ad56b4fdf35ec2bd0568d8d84.zip | |
Renamed "bubble" to "message", added message group merging
Diffstat (limited to 'tpl/views/bubble-group.pug')
| -rw-r--r-- | tpl/views/bubble-group.pug | 59 |
1 files changed, 0 insertions, 59 deletions
diff --git a/tpl/views/bubble-group.pug b/tpl/views/bubble-group.pug deleted file mode 100644 index dcdbe73..0000000 --- a/tpl/views/bubble-group.pug +++ /dev/null | |||
| @@ -1,59 +0,0 @@ | |||
| 1 | mixin view-bubble-group | ||
| 2 | +view('bubble-group', 'Bubble group') | ||
| 3 | .c-box.l-overflow(style='resize: vertical') | ||
| 4 | +bubble-group('Volpeon')(compact=true arrow=true left=true) | ||
| 5 | +bubble('Volpeon')(compact=true class='l-bubble-group__bubble') | ||
| 6 | +slot('body')= 'Compact bubbles test' | ||
| 7 | +slot('time')= '12:34' | ||
| 8 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 9 | +slot('body')= loremIpsum | ||
| 10 | +slot('time')= '12:35' | ||
| 11 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 12 | +slot('body')= 'qwertzuiop' | ||
| 13 | +slot('time')= '12:36' | ||
| 14 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 15 | +slot('body')= '🐈️🦊️' | ||
| 16 | +slot('time')= '12:38' | ||
| 17 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 18 | +slot('body')= loremIpsum | ||
| 19 | +slot('time')= '12:39' | ||
| 20 | |||
| 21 | .c-box.l-overflow(style='resize: vertical') | ||
| 22 | +bubble-group('Volpeon')(compact=true right=true) | ||
| 23 | strong= 'Volpeon' | ||
| 24 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 25 | +slot('body')= 'Compact bubbles test' | ||
| 26 | +slot('time')= '12:34' | ||
| 27 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 28 | +slot('body')= loremIpsum | ||
| 29 | +slot('time')= '12:35' | ||
| 30 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 31 | +slot('body')= 'qwertzuiop' | ||
| 32 | +slot('time')= '12:36' | ||
| 33 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 34 | +slot('body')= '🐈️🦊️' | ||
| 35 | +slot('time')= '12:38' | ||
| 36 | +bubble()(compact=true class='l-bubble-group__bubble') | ||
| 37 | +slot('body')= loremIpsum | ||
| 38 | +slot('time')= '12:39' | ||
| 39 | |||
| 40 | .c-box.l-overflow(style='resize: vertical') | ||
| 41 | +bubble-group('Volpeon') | ||
| 42 | +bubble()(class='l-bubble-group__bubble') | ||
| 43 | +slot('header') | ||
| 44 | .l-media.l-media--flush | ||
| 45 | .l-media__block.l-media__block--main | ||
| 46 | strong= 'Volpeon' | ||
| 47 | small.u-ml-100= '@volpeon@mk.vulpes.one' | ||
| 48 | small.l-media__block | ||
| 49 | = '5 minutes ago' | ||
| 50 | +icon('lock')(class='u-ml-100') | ||
| 51 | +slot('body')= 'Full width bubbles test' | ||
| 52 | +bubble()(class='l-bubble-group__bubble') | ||
| 53 | +slot('body')= loremIpsum | ||
| 54 | +bubble()(class='l-bubble-group__bubble') | ||
| 55 | +slot('body')= 'qwertzuiop' | ||
| 56 | +bubble()(class='l-bubble-group__bubble') | ||
| 57 | +slot('body')= '🐈️🦊️' | ||
| 58 | +bubble()(class='l-bubble-group__bubble') | ||
| 59 | +slot('body')= loremIpsum | ||